Google Fonts: Sprachauswahl funktioniert nicht

Question

Ich benutze die Google Schriftart Roboto auf einigen Client-Websites.

Wenn Sie die Schrift auf Google Fonts sind Customizing haben Sie viele Sprachoptionen zur Auswahl:

• Griechisch (Unterstützt von Roboto)
• Latin Extended (Unterstützt von Roboto)
• Kyrillisch (Unterstützte von Roboto)
• Vietnamesisch (Unterstützt von Roboto)
• Kyrillisch Extended (Unterstützt von Roboto)
• Griechisch E xtended (Unterstützt von Roboto)
• Latein (Unterstützt durch alle Fonts)

Für diese Kunden-Websites, ich brauche nur die lateinische Sprache verwenden und benötigen keine anderen Sprachen laden in.

Allerdings, wenn ich diese Schrift laden in und die lateinische Sprache definiert sind, können Sie alle anderen Sprachen werden auch in der generierten Sheet geladen siehe:

https://fonts.googleapis.com/css?family=Roboto:300&subset=latin

/* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

Es war mein zu verstehen, dass das Definieren von &subset=latin nur in dieser Sprache geladen wird, warum werden also alle Sprachen hier geladen?

Answer 1

Ich kopiere this answer von Daryl Teo als er scheint, um die richtige Antwort auf Ihre Frage zu liefern.

Der Trick liegt mit dieser Optimierung:

unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

Damit der Browser weiß, ob es die Schrift herunterladen muss, abhängig von den Zeichen, die er gerade in dem HTML-Code geladen.

Hier sehen Sie, welche Browser full support for this haben.

Frühere Browser, z. B. Firefox < 44 und Safari < 10, ignoriert (Teile) der Spezifikation, oder es musste aktiviert werden, deshalb Google Fonts muss es eine minimale Schriftart-Gesicht-Spezifikation dienen.