End of Support for Joomla 3 - Forum closed

Google Fonts lokal einbinden

Replied by joomlaplates on topic Google Fonts lokal einbinden

Posted 5 years 11 months ago #20715
Bitte um genau Angaben?
Was geht nicht? Alpha der Personal Theme?
The topic has been locked.
  • ofv1907
  • ofv1907's Avatar Offline Topic Author
  • Gold Boarder
  • Gold Boarder
  • Posts: 280
  • Thank you received: 15

Replied by ofv1907 on topic Google Fonts lokal einbinden

Posted 5 years 11 months ago #20718
Im Personal funktioniert der o.g. Script nicht bzw. das Template nutzt weiter die Google Fonts vom Google-Server. Die Schriftart "Abel" habe ich im Ordner "css" vom Template Personal gelegt und diesen Scipt:

/* Schriftart laden */
@font-face {
font-family: "Abel";
src: url('../css/Abel-Regular.ttf');
}

/* Schriftart zuordnen */
html h1, h3 {
font-family: 'Abel', Helvetica, Arial, sans-serif !important;
}

Ode liegt es an der Zuordnung: h1, h3 html...

--> www.offenburgerfv.de
Last Edit:5 years 11 months ago by ofv1907
Last edit: 5 years 11 months ago by ofv1907.
The topic has been locked.

Replied by joomlaplates on topic Google Fonts lokal einbinden

Posted 5 years 11 months ago #20719
Dann entfernen sie das Laden der Schrift in der Datei
www.offenburgerfv.de/templates/jp-personal/fonts/abel.css
The topic has been locked.

Replied by mabadesign on topic Google Fonts lokal einbinden

Posted 5 years 10 months ago #20750
Ich klinke mich mal ein. Habe das gleiche Problem zu lösen mit JP-Work. Habe in den Template Settings folgenden Code bei "Additional scripts" hinzu gefügt (die Schriftarten liegen bereits im css Ordner):

/* Load font */
@font-face {
font-family: "Open Sans";
src: url("../css/OpenSans-Regular.ttf");
}

/* Assign font*/
html, h1, h2, h3 {
font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}

Ich verwende für die Überschriften bisher Monda und für die Body Font Open Sans. Testweise habe ich den Code gecheckt aber die H1-H3 font bleibt monda. Dachte das diese Parameter die H1-H3 erst mal mit open sans überschreiben und keine fonts geladen werden. Aber passiert ist leider nichts. Was mache ich falsch?

Zweite Frage, verstehe ich richtig dass ich für 2 Schriftarten (body und h1-h3) folgenden Code nutzen muss:

/* Assign font*/
html {
font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}

/* Assign font*/
h1, h2, h3 {
font-family: 'Monda', Helvetica, Arial, sans-serif !important;
}

Danke für bissl Hilfe!
The topic has been locked.

Replied by joomlaplates on topic Google Fonts lokal einbinden

Posted 5 years 10 months ago #20753
Wenn sie mehr als eine Schrift benutzen, dann müssen sie natürlich auch die zweite Schrift ins CSS einbinden.
Um ganz sicher zu gehen, benutzen sie bitte die Systemschriften >> Verdana oder Arial

Alle Infos zu lokalen Fonts
www.mittwald.de/blog/mittwald/howtos/dem...-webseiten-einbindet
martinahonecker.com/google-fonts-lokal-einbinden/
The topic has been locked.

Replied by mabadesign on topic Google Fonts lokal einbinden

Posted 5 years 10 months ago #20757
Danke für die Links!

Übrigens, es kann auch nicht funktionieren wenn man es bei Additional Scripts statt in der Custom.css eingibt. :)

Eine Frage noch, durch das Überschreiben in der custom.css, wird damit der Zugriff auf Google Fonts unterbunden? Danke!
The topic has been locked.
Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License