Google Fonts s českou diakritikou

Google Fonts s českou diakritikou

Fonty Googlu se již dlouho používají, ale často, když jsem nějaký použil a vložil na web, neměl české znaky, přestože se jako český tvářil.

Vytvořil jsem tedy jednoduchý script, který mi v mém prostředí, které na webech používám, zobrazí daný font.

Stačí do formuláře napsat jméno fontu, tak jak je uvedeno v Googlu: třeba "Mr Bedfort" nebo "Open Sans".

Mr Bedfort

příliš žluťoučký kůň úpěl ďábelské ódy 1234567890
PŘÍLIŠ ŽLUŤOUČKÝ KŮŇ ÚPĚL ĎÁBELSKÉ ÓDY `@#$~^&*{}°%

Chybí ř, ť, ů, ň, ě ď a další.

Open Sans

Dostupné řezy: 300 400 600 700

příliš žluťoučký kůň úpěl ďábelské ódy 1234567890
PŘÍLIŠ ŽLUŤOUČKÝ KŮŇ ÚPĚL ĎÁBELSKÉ ÓDY `@#$~^&*{}°%

příliš žluťoučký kůň úpěl ďábelské ódy 1234567890
PŘÍLIŠ ŽLUŤOUČKÝ KŮŇ ÚPĚL ĎÁBELSKÉ ÓDY `@#$~^&*{}°%

příliš žluťoučký kůň úpěl ďábelské ódy 1234567890
PŘÍLIŠ ŽLUŤOUČKÝ KŮŇ ÚPĚL ĎÁBELSKÉ ÓDY `@#$~^&*{}°%

příliš žluťoučký kůň úpěl ďábelské ódy 1234567890
PŘÍLIŠ ŽLUŤOUČKÝ KŮŇ ÚPĚL ĎÁBELSKÉ ÓDY `@#$~^&*{}°%

Do hlavičky <head> vložte:
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,latin-ext' rel='stylesheet' type='text/css' />

<style>
p{font-family: 'Open Sans',monospace;}
</style>

Chybějící fonty se zobrazí jako Courier, resp. neproporciální písmo podle toho, jak máte v prohlížeči nastaveno monospace.

Bezpatkové fonty, které fungují bez problémů:

Patkové fonty, které fungují bez problémů:

Scripty, písma psaná rukou:

Martin Ševčík, 16. 12. 2013
přečteno: 166381/72773×, 5 komentářů

Bookmark and Share

Vložit komentář Vložit komentář

fred | 6. 1. 2017 18.37 hod. | 163.172.137.xxx
Ahoj, prosím o radu. Snažím se dostat diakritiku ke google písmu Cinzel, ale nedaří se mi to, poradí te ?

Ondra | 26. 2. 2015 17.55 hod. | 89.103.222.xxx
Díky, hodilo se.

fotoMartin Ševčík: To mne těší :)

Veronika Blanická | 10. 8. 2014 10.41 hod. | 109.72.15.xxx
Dobrý den,
při hledání pojmu české google fonts jsem narazila i na Vaší stránku a jelikož jsem si ještě nikde nenašla odpověď, tak bych se ráda zeptala i Vás zda netušíte kde vězí problém. Už jsem objevila asi 6 fontů odkud zmizely háčky a čárky + Vaše ukázka na webu má také nyní háčky napsané pomocí Times New Roman.
Nevěděl byste co se s českými fonty u google stalo? Proč už neobsahují naše znaky?
Předem velmi děkuji za pomoc s problémem
S pozdravem a přáním hezkého dne
Veronika Blanická

fotoMartin Ševčík: Ke změně mohlo dojít na vašem počítači – font může v některých prohlížečích fungovat korektně, ale na jiném počítači nebo jen v jiném prohlížeči se mohou objevit chyby. Jedinou cestou je otestovat si, že Google font skutečně obsahuje znaky s českou diakritikou na více počítačích (třeba na této stránce) a teprve potom jej použít.
Jediný bezpečný způsob je nespecifikovat v CSS font, ale použít obecné "sans-serif" či "sans".
Ať se vám daří