pfade zum CSS anpassen – bei dem Versuch Fonts lokal zu hosten
-
hallo u. guten Tag,
habe bei einem Test bzgl. Google Fonts herausgefunden dass ich zwei Fonts von google habe:
z.B. montserrat
btw: gefunden hab ich das über diese Checker-Seite: https://www.ccm19.de/google-fonts-checker/
Der durchgeführte Scan hat folgendes ergeben, Ihre Seite:
bindet 2 verschiedene Google Font Dateien von mindestens diesen 2 verschiedenen Schriftarten ein. Zu den Details!
Varela Round
Montserratnun empfiehlt die Seite kopfundstift – dass man mit einem Tool die Fonts ganz gut bei gooble herunterladen kann – (vgl. hier: https://kopfundstift.de/google-fonts-lokal-einbinden/ )
das hab ich mal gemacht: `https://google-webfonts-helper.herokuapp.com/fonts/montserrat?subsets=latin
man kann nicht nur die Fonts herunterladen – sondern auch noch die CSS – und das ist toll.
Hier wird in Schritt drei wir erläutert <strong>3. Copy CSS:</strong> dass man noch die Pfade (des CSS) anpassen kann, ehe man das Ganze herunterlädt!
Choose Best Support if old browsers still need to be supported. Formats in this snippet: [eot,woff,woff2,ttf,svg]
/* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } Customize folder prefix (optional): ../fonts/ Click on code to select all statements, then copy/paste it into your own CSS file.
also – wichtig ehe man herunterläd kann man die Pfade noch anpassen:
Customize folder prefix (optional):
../fonts/
Click on code to select all statements, then copy/paste it into your own CSS file.wie würdet ihr die Pfade hier anpassen – wie lauten die Pfade?!
-Vg Lebrochet
- Das Thema „pfade zum CSS anpassen – bei dem Versuch Fonts lokal zu hosten“ ist für neue Antworten geschlossen.