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: 313656/155464×, 7 komentářů

Bookmark and Share

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

Petr Lederer | 8. 8. 2021 10.50 hod. | 193.165.100.xxx
Dobrý den, Váš úžasný vyhledávač našel (asi) písmo (font), který jsem použíl několikrát v roce cca 1996 v MS Wordu. Dnes se po pokusu o otevření tohoto dokumentu objeví "nesmysly", ale MS Word 2013 označí správně, že dokument byl napsán ve fontu GARAMONDE. Poradíte mi, kde bych tento font, který již není součastí office stahnul? Moc předem děkuji – Petr Lederer

Svrl | 26. 7. 2018 12.48 hod. | 5.102.53.xx
Dobrý den,
co by mohlo způsobovat, že fonty na jednom PC nezávisle na prohlížeči se zobrazují nesprávně, načež na jiném PC nezávisle na prohlížeči správně?
A kdybych ony fonty nenechal brát z prohlížeče ale ze serveru, zobrazili by se fonty správně či ne?
Jakou roli v zobrazení fontu hraje klient OS, prohlížeč a jakou server, stránka?
Kdybych měl na klientovi špatně nainstalovanou nebo neměl vůbec odpovídající font, tak by se mi zobrazil špatně na webu, ať už bych to na serveru měl, či ne, že?
Předem děkuji za odpověď

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ří