Das Einbinden von Google Fonts lokal auf Ihrem Server für das Template «Purity III» von joomlart in Joomla funktioniert folgendermaßen:

Die Datei assets.xml findet Ihr hier: /templates/purity_iii/etc

t3 xml

assets.xml

Datei: assets.xml mit folgendem Code ergänzen:

<file>fonts/style.css</file>

 

Die Datei sieht dann so aus:

<?xml version="1.0" encoding="utf-8"?>
<assets>
    <scripts>
        <file>js/script.js</file>
    </scripts>
    
    <stylesheets>
        <file>fonts/font-awesome/css/font-awesome.min.css</file>
        <file>fonts/style.css</file>
    </stylesheets>
    
</assets>

 

style.css

Sie müssen eine Datei mit dem Namen: style.css anlegen und dann folgenden Inhalt einfügen:

Wichtig: Folgenden Pfad müssen Sie vorher auf der Googles webfonts-helper Seite https://google-webfonts-helper.herokuapp.com/fonts den Fonts zuweisen:

/templates/ihr-template-name/fonts/.....

Wenn Sie ein anderes Template nutzen als das purity_III dann hier das Template: /purity_iii/  ersetzen.


/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('/templates/purity_iii/fonts/titillium-web-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/templates/purity_iii/fonts/titillium-web-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/templates/purity_iii/fonts/titillium-web-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/templates/purity_iii/fonts/titillium-web-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/templates/purity_iii/fonts/titillium-web-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/templates/purity_iii/fonts/titillium-web-v9-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('/templates/purity_iii/fonts/titillium-web-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/templates/purity_iii/fonts/titillium-web-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/templates/purity_iii/fonts/titillium-web-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/templates/purity_iii/fonts/titillium-web-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/templates/purity_iii/fonts/titillium-web-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/templates/purity_iii/fonts/titillium-web-v9-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

Die Datei gehört in folgenden Ordner:

../templates/purity_iii/fonts

 

 Sie müssen die heruntergeladenen Google-Schriften jetzt noch auf Ihren Server in den Ordner /templates/purity_iii/fonts hochladen.

 Das war's!


Neueste Beiträge

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern. Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.