Installation: Eigene Schrift auf Webserver nutzen

Bärtschi's Avatar

Bärtschi

12 Jun, 2019 05:14 AM

Produkt: Tao Contao
Contao-Version: 3.3.5
Browser und Browserversionen: Firefox 67.0.2 64 Bit

Guten Tag,
Gemäss diversen Anleitungen in diversen Hilfen bei Rocksolid habe ich versucht die Schrift "Lato" im Theme "Tao" als lokal gehostete Schrift anzusprechen. Nun die Frage. Welche CSS Datei benötigt den CSS Code @font-face und kann der Code direkt so ab "google-webfonts-helper" übernommen werden wie er angegeben wird? Die Schriftfiles habe ich im Unterordner vom CSS Ordner in einen Ordner Namens "Fonts2" geladen. Leider gibt es dazu keine Dokumentation. Danke für die Hilfe.

  1. Support Staff 1 Posted by RockSolid Theme... on 12 Jun, 2019 11:28 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Informationen zur lokalen Einbindung der Google Web-Fonts finden Sie in folgendem Beitrag: http://help.rocksolidthemes.com/discussions/contao/26918

    In welcher CSS-Datei sich der @font-face-Code befindet ist nicht vorgegeben. Sie können ihn z. B. in die Datei files/tao/css/custom.css einfügen.

  2. 2 Posted by Bärtschi on 12 Jun, 2019 11:40 AM

    Bärtschi's Avatar

    Vielen Dank! Somit werde ich untenstehenden Code in die Datei custom.css einfügen und im Tao via RockSolid Theme Assistant die Schriftart löschen. So osllte es ja klappen,oder?

    /* lato-300 - latin */
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 300;
      src: url('../fonts2/lato-v15-latin-300.eot'); /* IE9 Compat Modes */
      src: local('Lato Light'), local('Lato-Light'),
           url('../fonts2/lato-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts2/lato-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts2/lato-v15-latin-300.woff') format('woff'), /* Modern Browsers */
           url('../fonts2/lato-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts2/lato-v15-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
    }

    /* lato-300italic - latin */
    @font-face {
      font-family: 'Lato';
      font-style: italic;
      font-weight: 300;
      src: url('../fonts2/lato-v15-latin-300italic.eot'); /* IE9 Compat Modes */
      src: local('Lato Light Italic'), local('Lato-LightItalic'),
           url('../fonts2/lato-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts2/lato-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts2/lato-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
           url('../fonts2/lato-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts2/lato-v15-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
    }

    /* lato-regular - latin */
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
      src: url('../fonts2/lato-v15-latin-regular.eot'); /* IE9 Compat Modes */
      src: local('Lato Regular'), local('Lato-Regular'),
           url('../fonts2/lato-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts2/lato-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts2/lato-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('../fonts2/lato-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts2/lato-v15-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
    }

    /* lato-italic - latin */
    @font-face {
      font-family: 'Lato';
      font-style: italic;
      font-weight: 400;
      src: url('../fonts2/lato-v15-latin-italic.eot'); /* IE9 Compat Modes */
      src: local('Lato Italic'), local('Lato-Italic'),
           url('../fonts2/lato-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts2/lato-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts2/lato-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
           url('../fonts2/lato-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts2/lato-v15-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
    }

    /* lato-700 - latin */
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 700;
      src: url('../fonts2/lato-v15-latin-700.eot'); /* IE9 Compat Modes */
      src: local('Lato Bold'), local('Lato-Bold'),
           url('../fonts2/lato-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts2/lato-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts2/lato-v15-latin-700.woff') format('woff'), /* Modern Browsers */
           url('../fonts2/lato-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts2/lato-v15-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
    }

    /* lato-700italic - latin */
    @font-face {
      font-family: 'Lato';
      font-style: italic;
      font-weight: 700;
      src: url('../fonts2/lato-v15-latin-700italic.eot'); /* IE9 Compat Modes */
      src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
           url('../fonts2/lato-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts2/lato-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts2/lato-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
           url('../fonts2/lato-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts2/lato-v15-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
    }

    Danke für Rückmeldung.

  3. 3 Posted by Bärtschi on 12 Jun, 2019 01:58 PM

    Bärtschi's Avatar

    Hallo

    Hoppla hab grad bemerkt, dass der Pfad falsch angegeben war, nun hab ich's richtig gesetzt und es funktioniert, danke für den raschen Support!

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac