Problemer med Google Fonts

Hvad er problemet?

Fortæller browsere, at dit site er “usikkert”? Måske skyldes det, at du bruger Google Fonts. Disse fonte burde være Open Source; men hvis fonten hentes via eksterne ressourcer, så vil nogle browsere kalde sitet “usikkert”. Se denne artikel:

https://business.trustedshops.com/blog/google-fonts-legal-issues

Svindleres ageren

Selvfølgelig udnyttes sagen af svindlere og skrupelløse “advokater”. Nogle websites modtager krav på flere tusind kroner for at integrere disse open source fonte. Det bedste råd er at ignorere denne type henvendelser.

Løsninger

Generelt anbefales at downloade fontene og at integrere dem ad disse kanaler. Når fonten downloades får du samtidig diverse certifikater, og de skal bare blive liggende i mappen.

Og WordPress?

Problemet opstår når du henter fontene med @embed i din CSS eller ved at bruge <link> i <head>-sektionen. Hvis du f.eks. tilpasser style.css eller linker til fontene i functions.php kan problemet opstå.

Det er derfor, at temaer som Twenty Twenty-five downloader fontene. De ligger typisk i mappen ./assets/fonts/*

Terminalkommandoen tree viser, hvordan fontene ligger i dette tema (læg i øvrigt mærke til at man klart foretrækker formatet *.woff2):

.
├── beiruti
│   └── Beiruti-VariableFont_wght.woff2
├── fira-code
│   └── FiraCode-VariableFont_wght.woff2
├── fira-sans
│   ├── FiraSans-Black.woff2
│   ├── FiraSans-BlackItalic.woff2
│   ├── FiraSans-Bold.woff2
│   ├── FiraSans-BoldItalic.woff2
│   ├── FiraSans-ExtraBold.woff2
│   ├── FiraSans-ExtraBoldItalic.woff2
│   ├── FiraSans-ExtraLight.woff2
│   ├── FiraSans-ExtraLightItalic.woff2
│   ├── FiraSans-Italic.woff2
│   ├── FiraSans-Light.woff2
│   ├── FiraSans-LightItalic.woff2
│   ├── FiraSans-Medium.woff2
│   ├── FiraSans-MediumItalic.woff2
│   ├── FiraSans-Regular.woff2
│   ├── FiraSans-SemiBold.woff2
│   ├── FiraSans-SemiBoldItalic.woff2
│   ├── FiraSans-Thin.woff2
│   └── FiraSans-ThinItalic.woff2
├── literata
│   ├── Literata72pt-Black.woff2
│   ├── Literata72pt-BlackItalic.woff2
│   ├── Literata72pt-Bold.woff2
... etc. ...

Fontene er altså downloadet. Men hvad så hvis du vil tilføje ekstra fonte? Standardtemaerne sørger for at downloade fontene på samme måde, og tilføjer den relevante mappe til mappen ./wp_content/uploads/

Fonte kan generelt downloades manuelt fra diverse open source udbydere og installeres fra en zip. Temaet sørger selv for at placere fontene i uploads og tilretter theme.json.

Du kan selvfølgelig tilføje fontene manuelt. Mange udviklere laver mappen ./assets/fonts/ i temaets eller childthemets mappe. Herefter linkes til fonten fra theme.json eller style variations.

Konklusion

  • Brug temaets muligheder for at integrere fonte.
  • Alternativt kan du oprette mapper til dine open source fonte i temaet og tilføje dem ved at tilrette theme.json eller en theme variation.
  • På trods af at fontene er open source og der er åbenlyse fordele ved at embedde fontene direkte fra “Google Fonts” så giver denne alminelige og i øvrigt ganske fornuftige konstruktion problemer.
  • Bøvlet med lovgiverne i EU er uden ende.

I rest my cake, your Honour!

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Enable Notifications OK No thanks

Vi anvender cookies for at forbedre din oplevelse, analysere trafik og tilpasse indhold. læs videre / more information

Multimusen.dk will set a few cookies from Doubleclick, Google and the Social Media plugins they ay set some cookies. Some of my pages use APIs - such as YouTube, LinkedIn, Google Fonts, Google Maps, Mapbox, Spotify, Jetpack, Twitter, Facebook &c.. Such plugins may set the odd cookie.

Close