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".

Oranienbaum

příliš žluťoučký kůň úpěl ďábelské ódy 1234567890
PŘÍLIŠ ŽLUŤOUČKÝ KŮŇ ÚPĚL ĎÁBELSKÉ ÓDY `@#$~^&*{}°%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu magna et erat egestas sagittis. Sed pellentesque pharetra felis sed convallis. Donec mi augue, tempor ut mauris nec, ornare luctus elit. Ut id euismod nibh. Cras commodo nec mi ut adipiscing. Sed sit amet nibh est. Aenean lacinia tellus felis, vulputate tristique velit dapibus et. Nam malesuada vehicula vulputate. Nullam vel sapien congue quam vehicula ultrices aliquet vel neque. Vivamus nec ipsum suscipit, condimentum sem sit amet, posuere enim.

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

<style>
p{font-family: 'Oranienbaum',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: 200848/90849×, 6 komentářů

Bookmark and Share

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

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