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
Montserrat

nun 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

  • Dieses Thema wurde geändert vor 2 Stunden, 57 Minuten von lebrochet.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer