Google Fonts über CSS einbinden
- Themenstarter mediamat
- Beginndatum
wie meinst du das ?
anstatt so
Kann man das auch so machen
anstatt so
Code:
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<style>
p{
font-family: 'Indie Flower', cursive;
}
</style>
Code:
<style>
@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
p{
font-family: 'Indie Flower', cursive;
}
</style>
Ich wollte das ganz pfiffig so machen, dass die in der externen CSS sind und nicht gleich oben auf im Sourcecode sichtbar ;-)
PS: Kennt jemand die "Bricks Fontsbibliothek"? Ist das DSGVO-konformer? bzw. gibt es andere Fontbibliotheken, die das sind?
(Oder wie war das nochmal mit Schriften auf meinen Server tun...geht doch irgendwie wenn ich die Googleschriften da einfach lokal hochlade oder? Das müsste ja dann bedenkenfrei sein.)
PS: Kennt jemand die "Bricks Fontsbibliothek"? Ist das DSGVO-konformer? bzw. gibt es andere Fontbibliotheken, die das sind?
(Oder wie war das nochmal mit Schriften auf meinen Server tun...geht doch irgendwie wenn ich die Googleschriften da einfach lokal hochlade oder? Das müsste ja dann bedenkenfrei sein.)
Jo . Hier mal ein Beispiel
http://sebastian1012.bplaced.net/homepagebasti1012/forumscripte_juni2018/schriftart_server.php
Die runtergeladene Datei von Google Fonts habe ich hier umgewandelt https://www.fontsquirrel.com/tools/webfont-generator
und dann steht da auch der Css Code drinne den man brauch.
In einigen Beschreibungten steht das nicht alle Browser mit der ttf Datei klar kommt die man von Google bekommt.Deswegen das umwandeln
http://sebastian1012.bplaced.net/homepagebasti1012/forumscripte_juni2018/schriftart_server.php
Die runtergeladene Datei von Google Fonts habe ich hier umgewandelt https://www.fontsquirrel.com/tools/webfont-generator
und dann steht da auch der Css Code drinne den man brauch.
In einigen Beschreibungten steht das nicht alle Browser mit der ttf Datei klar kommt die man von Google bekommt.Deswegen das umwandeln
So das hat bei Webseite Nummer eins sehr gut geklappt.
Jetzt hab ich noch das Betheme, da weiß ich nicht so recht wie man Google per PHP manuell deaktiviert...man kann zwar bei dem Template eine Customfont laden, aber nur in EINER Variante und nur EIN Dateiformat.
Es ist nur "regular" da, andere wie "200", "900" fehlen.
Und es liegt nur als WOFF vor, alle anderen "SVG" "TTF" etc. fehlen.
Es SCHEINT aber trotzdem alles richtig dargestellt...kann es aber sein, dass das doch Auswirkungen hat, die ich grad nicht merke? Dürften nicht CSS-Angaben wie "font-weight: 900" eigentlich gar nicht funktionieren? Und bringt das nur eine Dateiformat Browserkompatibilitäts-Probleme?
Jetzt hab ich noch das Betheme, da weiß ich nicht so recht wie man Google per PHP manuell deaktiviert...man kann zwar bei dem Template eine Customfont laden, aber nur in EINER Variante und nur EIN Dateiformat.
Es ist nur "regular" da, andere wie "200", "900" fehlen.
Und es liegt nur als WOFF vor, alle anderen "SVG" "TTF" etc. fehlen.
Es SCHEINT aber trotzdem alles richtig dargestellt...kann es aber sein, dass das doch Auswirkungen hat, die ich grad nicht merke? Dürften nicht CSS-Angaben wie "font-weight: 900" eigentlich gar nicht funktionieren? Und bringt das nur eine Dateiformat Browserkompatibilitäts-Probleme?
Anzeige
Anzeige