tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/44244-installation-eigene-schrift-auf-webserver-nutzen
RockSolid Themes: Discussion
2019-06-13T08:29:28Z
tag:help.rocksolidthemes.com,2012-07-23:Comment/47347342
2019-06-12T05:14:36Z
2019-06-12T05:14:36Z
Installation: Eigene Schrift auf Webserver nutzen
<div><p>Produkt: Tao Contao<br>
Contao-Version: 3.3.5<br>
Browser und Browserversionen: Firefox 67.0.2 64 Bit</p>
<p>Guten Tag,<br>
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.</p></div>
Bärtschi
tag:help.rocksolidthemes.com,2012-07-23:Comment/47347342
2019-06-12T11:28:04Z
2019-06-12T11:28:04Z
Installation: Eigene Schrift auf Webserver nutzen
<div><p>Vielen Dank für Ihre Frage.</p>
<p>Informationen zur lokalen Einbindung der Google Web-Fonts finden Sie in folgendem Beitrag: <a href="http://help.rocksolidthemes.com/discussions/contao/26918">http://help.rocksolidthemes.com/discussions/contao/26918</a></p>
<p>In welcher CSS-Datei sich der <code>@font-face</code>-Code befindet ist nicht vorgegeben. Sie können ihn z. B. in die Datei <em>files/tao/css/custom.css</em> einfügen.</p></div>
RockSolid Themes
tag:help.rocksolidthemes.com,2012-07-23:Comment/47347342
2019-06-12T11:40:52Z
2019-06-12T11:40:53Z
Installation: Eigene Schrift auf Webserver nutzen
<div><p>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?</p>
<p>/* lato-300 - latin <em>/ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('../fonts2/lato-v15-latin-300.eot'); /</em> IE9 Compat Modes <em>/ src: local('Lato Light'), local('Lato-Light'), url('../fonts2/lato-v15-latin-300.eot?#iefix') format('embedded-opentype'), /</em> IE6-IE8 <em>/ url('../fonts2/lato-v15-latin-300.woff2') format('woff2'), /</em> Super Modern Browsers <em>/ url('../fonts2/lato-v15-latin-300.woff') format('woff'), /</em> Modern Browsers <em>/ url('../fonts2/lato-v15-latin-300.ttf') format('truetype'), /</em> Safari, Android, iOS <em>/ url('../fonts2/lato-v15-latin-300.svg#Lato') format('svg'); /</em> Legacy iOS */ }</p>
<p>/* lato-300italic - latin <em>/ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: url('../fonts2/lato-v15-latin-300italic.eot'); /</em> IE9 Compat Modes <em>/ src: local('Lato Light Italic'), local('Lato-LightItalic'), url('../fonts2/lato-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /</em> IE6-IE8 <em>/ url('../fonts2/lato-v15-latin-300italic.woff2') format('woff2'), /</em> Super Modern Browsers <em>/ url('../fonts2/lato-v15-latin-300italic.woff') format('woff'), /</em> Modern Browsers <em>/ url('../fonts2/lato-v15-latin-300italic.ttf') format('truetype'), /</em> Safari, Android, iOS <em>/ url('../fonts2/lato-v15-latin-300italic.svg#Lato') format('svg'); /</em> Legacy iOS */ }</p>
<p>/* lato-regular - latin <em>/ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../fonts2/lato-v15-latin-regular.eot'); /</em> IE9 Compat Modes <em>/ src: local('Lato Regular'), local('Lato-Regular'), url('../fonts2/lato-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /</em> IE6-IE8 <em>/ url('../fonts2/lato-v15-latin-regular.woff2') format('woff2'), /</em> Super Modern Browsers <em>/ url('../fonts2/lato-v15-latin-regular.woff') format('woff'), /</em> Modern Browsers <em>/ url('../fonts2/lato-v15-latin-regular.ttf') format('truetype'), /</em> Safari, Android, iOS <em>/ url('../fonts2/lato-v15-latin-regular.svg#Lato') format('svg'); /</em> Legacy iOS */ }</p>
<p>/* lato-italic - latin <em>/ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: url('../fonts2/lato-v15-latin-italic.eot'); /</em> IE9 Compat Modes <em>/ src: local('Lato Italic'), local('Lato-Italic'), url('../fonts2/lato-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /</em> IE6-IE8 <em>/ url('../fonts2/lato-v15-latin-italic.woff2') format('woff2'), /</em> Super Modern Browsers <em>/ url('../fonts2/lato-v15-latin-italic.woff') format('woff'), /</em> Modern Browsers <em>/ url('../fonts2/lato-v15-latin-italic.ttf') format('truetype'), /</em> Safari, Android, iOS <em>/ url('../fonts2/lato-v15-latin-italic.svg#Lato') format('svg'); /</em> Legacy iOS */ }</p>
<p>/* lato-700 - latin <em>/ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../fonts2/lato-v15-latin-700.eot'); /</em> IE9 Compat Modes <em>/ src: local('Lato Bold'), local('Lato-Bold'), url('../fonts2/lato-v15-latin-700.eot?#iefix') format('embedded-opentype'), /</em> IE6-IE8 <em>/ url('../fonts2/lato-v15-latin-700.woff2') format('woff2'), /</em> Super Modern Browsers <em>/ url('../fonts2/lato-v15-latin-700.woff') format('woff'), /</em> Modern Browsers <em>/ url('../fonts2/lato-v15-latin-700.ttf') format('truetype'), /</em> Safari, Android, iOS <em>/ url('../fonts2/lato-v15-latin-700.svg#Lato') format('svg'); /</em> Legacy iOS */ }</p>
<p>/* lato-700italic - latin <em>/ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: url('../fonts2/lato-v15-latin-700italic.eot'); /</em> IE9 Compat Modes <em>/ src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../fonts2/lato-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /</em> IE6-IE8 <em>/ url('../fonts2/lato-v15-latin-700italic.woff2') format('woff2'), /</em> Super Modern Browsers <em>/ url('../fonts2/lato-v15-latin-700italic.woff') format('woff'), /</em> Modern Browsers <em>/ url('../fonts2/lato-v15-latin-700italic.ttf') format('truetype'), /</em> Safari, Android, iOS <em>/ url('../fonts2/lato-v15-latin-700italic.svg#Lato') format('svg'); /</em> Legacy iOS */ }</p>
<p>Danke für Rückmeldung.</p></div>
Bärtschi
tag:help.rocksolidthemes.com,2012-07-23:Comment/47347342
2019-06-12T13:58:55Z
2019-06-12T13:58:56Z
Installation: Eigene Schrift auf Webserver nutzen
<div><p>Hallo</p>
<p>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!</p></div>
Bärtschi