{"id":6183,"date":"2020-01-21T16:12:03","date_gmt":"2020-01-21T15:12:03","guid":{"rendered":"https:\/\/igloonet.cz\/blog\/?p=6183"},"modified":"2020-07-10T08:59:45","modified_gmt":"2020-07-10T06:59:45","slug":"zrychlujeme-web-3","status":"publish","type":"post","link":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/","title":{"rendered":"Zrychlujeme web \u2013 Jak pracovat s&nbsp;fonty?"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>Pou\u017e\u00edv\u00e1te na&nbsp;str\u00e1nk\u00e1ch r\u016fzn\u00e1 p\u00edsma? Jestli m\u00e1te nadpisy v&nbsp;Lato, popisy produkt\u016f v&nbsp;Open Sans a&nbsp;pati\u010dku v&nbsp;Roboto, nejsp\u00ed\u0161 si zbyte\u010dn\u011b zpomalujete web. Prozrad\u00edm, jak na\u010d\u00edt\u00e1n\u00ed font\u016f zrychlit a&nbsp;jak vyzr\u00e1t na&nbsp;jejich \u201eproblik\u00e1v\u00e1n\u00ed.\u201c<!--more--><\/p>\n<p>V\u00edtejte u&nbsp;dal\u0161\u00edho pokra\u010dov\u00e1n\u00ed \u010dty\u0159d\u00edln\u00e9ho seri\u00e1lu o&nbsp;zrychlov\u00e1n\u00ed webu na&nbsp;frontendu. Pokud jste tu nov\u00ed, doporu\u010duju \u010d\u00edst od&nbsp;za\u010d\u00e1tku:<\/p>\n<ol>\n<li><a href=\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-1\/\">Co ovliv\u0148uje rychlost webu a&nbsp;jak ji&nbsp;m\u011b\u0159it<\/a><\/li>\n<li><a href=\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-2\/\">Form\u00e1ty obr\u00e1zk\u016f a&nbsp;lazyloading<\/a><\/li>\n<li>Jak pracovat s&nbsp;fonty<\/li>\n<li><a href=\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-4\/\">CSS soubory a&nbsp;JavaScripty<\/a><\/li>\n<\/ol>\n<h2>Jak fonty funguj\u00ed?<\/h2>\n<p>V minul\u00e9m d\u00edle jsme vyladili na\u010d\u00edt\u00e1n\u00ed obr\u00e1zk\u016f, zapomenout ale nesm\u00edme ani na&nbsp;fonty. Nezd\u00e1 se to, ale ka\u017ed\u00e1 rodina p\u00edsma a&nbsp;jej\u00ed varianty (<strong>tu\u010dn\u00e9<\/strong>, <em>kurz\u00edva<\/em>) va\u0161i str\u00e1nku zbyte\u010dn\u011b zat\u011b\u017euj\u00ed a&nbsp;zpomaluj\u00ed na\u010d\u00edt\u00e1n\u00ed. Poj\u010fme si proto \u0159\u00edct, jak webov\u00e9 fonty nejl\u00e9pe pou\u017e\u00edvat. Pro po\u0159\u00e1dek za\u010dneme z\u00e1kladn\u00ed terminologi\u00ed:<\/p>\n<p><b>Font <\/b>- kompletn\u00ed sada znak\u016f abecedy jedn\u00e9 velikosti a&nbsp;jednotn\u00e9ho stylu. Nap\u0159. Arial, Times New Roman, Verdana, Roboto atd.<\/p>\n<p><b>\u0158ez<\/b> - varianta z\u00e1kladn\u00edho typu p\u00edsma. M\u016f\u017ee jich b\u00fdt v\u00edce a&nbsp;pou\u017e\u00edvaj\u00ed se pro vyzna\u010dov\u00e1n\u00ed slova nebo i&nbsp;del\u0161\u00edho textu. Ve&nbsp;webov\u00e9 terminologii se zna\u010d\u00ed po stovk\u00e1ch od&nbsp;100 do&nbsp;900, kdy hodnota 400 p\u0159edstavuje norm\u00e1ln\u00ed\/z\u00e1kladn\u00ed p\u00edsmo. V\u00fd\u0161e jsou tu\u010dn\u011bj\u0161\u00ed p\u00edsma, n\u00ed\u017ee&nbsp;ten\u010d\u00ed.<\/p>\n<p>Na web tak nap\u0159\u00edklad vybereme font Roboto a&nbsp;k&nbsp;n\u011bmu si zvol\u00edme n\u011bkolik \u0159ez\u016f, nej\u010dast\u011bji 400 a&nbsp;700 (tu\u010dn\u00e9). \u010c\u00edm v\u00edce font\u016f a&nbsp;\u0159ez\u016f zvol\u00edme, t\u00edm v\u00edce toho bude muset prohl\u00ed\u017ee\u010d zpracovat, a&nbsp;web bude pomalej\u0161\u00ed.<\/p>\n<p>Na webu <a href=\"https:\/\/www.doktorkladivo.cz\/\">doktorkladivo.cz<\/a> jsme se sna\u017eili fonty a&nbsp;\u0159ezy co nejv\u00edc sjednotit, vyhodili jsme tedy ty, kter\u00e9 se pou\u017e\u00edvaly jen v&nbsp;p\u00e1r nadpisech. Aktu\u00e1ln\u011b m\u00e1me <b>je<\/b><strong>n jeden (Ubuntu) se \u010dty\u0159mi&nbsp;\u0159ezy<\/strong> \u2013 300 (tenk\u00e9), 400 (norm\u00e1ln\u00ed), 500 (st\u0159edn\u00ed) a&nbsp;700 (tu\u010dn\u00e9).<\/p>\n<p>Osobn\u011b se p\u0159i v\u00fdb\u011bru font\u016f dr\u017e\u00edm t\u011bchto pravidel:<\/p>\n<ul>\n<li>Maxim\u00e1ln\u011b jeden voliteln\u00fd font s&nbsp;po\u010dtem \u0159ez\u016f podle pot\u0159eb designu.<\/li>\n<li>Jako z\u00e1lo\u017en\u00ed font v\u017edy pou\u017e\u00edv\u00e1m syst\u00e9mov\u00e9 p\u00edsmo. V\u00edce si m\u016f\u017eete p\u0159e\u010d\u00edst <a href=\"https:\/\/www.smashingmagazine.com\/2015\/11\/using-system-ui-fonts-practical-guide\/\">v&nbsp;\u010dl\u00e1nku Marcina Wicharyho<\/a>.<\/li>\n<li>Voliteln\u00e9 fonty v\u011bt\u0161inou beru z&nbsp;Google fonts, ale hostuju je u&nbsp;sebe na&nbsp;serveru. Pro\u010d? Je to rychlej\u0161\u00ed a&nbsp;bezpe\u010dn\u011bj\u0161\u00ed.<\/li>\n<\/ul>\n<blockquote class=\"wp-block-quote\"><p>Nezapome\u0148te zkontrolovat, jestli pou\u017e\u00edv\u00e1te v\u0161echny specifikovan\u00e9 fonty.<\/p><\/blockquote>\n<h2>Vyzrajte na&nbsp;Google fonty<\/h2>\n<p>H\u00e1d\u00e1m, \u017ee&nbsp;kdy\u017e chcete vlo\u017eit font na&nbsp;web, jdete na&nbsp;str\u00e1nky <a href=\"https:\/\/fonts.google.com\/\">Google fonts<\/a> a&nbsp;vyberete p\u00edsmo, kter\u00e9 se v\u00e1m l\u00edb\u00ed. N\u00e1sledn\u011b vygenerujete odkaz jako na&nbsp;p\u0159\u00edkladu n\u00ed\u017ee, a&nbsp;vlo\u017e\u00edte ho do&nbsp;k\u00f3du str\u00e1nek bu\u010f p\u0159es <code>@import<\/code> (hor\u0161\u00ed varianta), nebo p\u0159es link (lep\u0161\u00ed varianta):<\/p>\n<pre>&lt;link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto:400,700&amp;display=swap\" rel=\"stylesheet\"&gt;<\/pre>\n<p><i>S t\u00edmhle vygenerovan\u00fdm Google k\u00f3dem kon\u010d\u00ed bohu\u017eel v\u011bt\u0161ina lid\u00ed.<\/i><\/p>\n<p>Jde to ud\u011blat i&nbsp;mnohem l\u00e9pe. Odkaz vygenerovan\u00fd Googlem toti\u017e nen\u00ed font, ale styl pln\u00fd <code>@font\u2011face<\/code> deklarac\u00ed.<\/p>\n<pre>@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 400;\n  src: local('Roboto'), local('Roboto-Regular'), url(https:\/\/fonts.gstatic.com\/s\/roboto\/v20\/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n<\/pre>\n<p>V\u0161imn\u011bte si, \u017ee&nbsp;se <code>@font\u2011face<\/code> nejd\u0159\u00edv sna\u017e\u00ed na\u010d\u00edst lok\u00e1ln\u00ed p\u00edsma, a&nbsp;pokud nic nenajde, za\u010dne je stahovat z&nbsp;Google serveru. M\u00e1me tu tedy dv\u011b dotazov\u00e1n\u00ed na&nbsp;dva servery, lok\u00e1ln\u00ed ov\u011b\u0159en\u00ed, a&nbsp;a\u017e pot\u00e9 se n\u011bco st\u00e1hne. Taky v\u00e1m p\u0159ijde, \u017ee&nbsp;je to moc krok\u016f? Poj\u010fme to zrychlit.<\/p>\n<h3><strong>Do\u010dasn\u00e9 nebo jedin\u00e9 \u0159e\u0161en\u00ed probl\u00e9mu<\/strong><\/h3>\n<p>Pokud si nem\u016f\u017eete dovolit v\u011bt\u0161\u00ed webov\u00fd z\u00e1sah nebo zat\u00edm chcete nasadit do\u010dasnou \u00fapravu, <b>doporu\u010duji preconnect<\/b>. Pou\u017eijte p\u0159edchoz\u00ed \u010d\u00e1st k\u00f3du, a&nbsp;vlo\u017ete ho p\u0159ed link s&nbsp;fontem.<\/p>\n<pre>&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\/\" crossorigin&gt;\n&lt;link ref=\"https:\/\/fonts.googleapis.com\/css?family=Roboto:400,700&amp;display=swap\" rel=\"stylesheet\"&gt;\n<\/pre>\n<p>Dotaz na&nbsp;font bez <b>preconnectu <\/b>se p\u0159ipojuje na&nbsp;Google servery a\u017e ve&nbsp;chv\u00edli, kdy ho budete pot\u0159ebovat. Ne\u017e nav\u00e1\u017ee se serverem spojen\u00ed a&nbsp;za\u010dne stahovat konkr\u00e9tn\u00ed data, n\u011bjak\u00fd \u010das to trv\u00e1 (viz grafy n\u00ed\u017ee z&nbsp;<a href=\"https:\/\/medium.com\/clio-calliope\/making-google-fonts-faster-aadf3c02a36d\">\u010dl\u00e1nku Sii Karamalegos<\/a>). <b>Preconnect <\/b>vytvo\u0159\u00ed ji\u017e p\u0159edp\u0159ipraven\u00e9 spojen\u00ed, tak\u017ee jakmile budete cht\u00edt stahovat, nemus\u00edte na&nbsp;nic \u010dekat.<\/p>\n<p><i>P\u0159ed \u00fapravou \u2013 uplynulo 8&nbsp;sekund a&nbsp;st\u00e1le \u010dek\u00e1me<\/i><\/p>\n<p><img srcset=\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/1-1-150x150.png 150w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/1-1-300x53.png 300w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/1-1-1024x182.png 1024w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/1-1.png 2340w\" sizes=\"(min-width: 1024px) 2340px, (min-width: 300px) 1024px, (min-width: 150px) 300px, 150px\" class=\"alignnone size-full wp-image-6226\" style=\"color: #444444; font-size: 1rem;\" alt width=\"2340\" height=\"416\"><\/p>\n<p><i>Po \u00faprav\u011b \u2013 po 6&nbsp;sekund\u00e1ch m\u00e1me sta\u017eeno<\/i><\/p>\n<p><img srcset=\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/2-1-150x150.png 150w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/2-1-300x53.png 300w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/2-1-1024x181.png 1024w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/2-1.png 2338w\" sizes=\"(min-width: 1024px) 2338px, (min-width: 300px) 1024px, (min-width: 150px) 300px, 150px\" class=\"alignnone size-full wp-image-6228\" alt width=\"2338\" height=\"414\"><\/p>\n<h3><strong>Hostovan\u00e9 fonty na&nbsp;vlastn\u00edm (na\u0161em) serveru<\/strong><\/h3>\n<p>Za nejrychlej\u0161\u00ed a&nbsp;nejbezpe\u010dn\u011bj\u0161\u00ed \u0159e\u0161en\u00ed pova\u017euji hostov\u00e1n\u00ed voliteln\u00fdch font\u016f na&nbsp;sv\u00e9m serveru. Pro\u010d?<\/p>\n<ul>\n<li>P\u0159esko\u010d\u00edte dotazov\u00e1n\u00ed na&nbsp;Google servery a&nbsp;sn\u00ed\u017e\u00edte prodlevu.<\/li>\n<li>Pokud Google servery vypadnou, polovina web\u016f bude bez font\u016f. V\u00e1\u0161&nbsp;ne.<\/li>\n<li>Bude to prost\u011b rychlej\u0161\u00ed. V\u011b\u0159te&nbsp;mi!<\/li>\n<\/ul>\n<h4><strong>Sta\u017een\u00ed a&nbsp;p\u0159\u00edprava dat<\/strong><\/h4>\n<p>Jak asi tu\u0161\u00edte, vybran\u00fd Google font budete muset st\u00e1hnout. Ochud\u00edte se t\u00edm sice o&nbsp;automatick\u00e9 aktualizace, ale ruku na&nbsp;srdce, kolikr\u00e1t za rok p\u0159ibude do&nbsp;\u010desk\u00e9 abecedy nov\u00e9 p\u00edsmeno nebo znak? Kdyby se n\u00e1hodou n\u011bjak\u00e9 p\u00edsmo za\u010dalo \u0161patn\u011b zobrazovat (nenapad\u00e1 m\u011b, jak by k&nbsp;tomu mohlo doj\u00edt), sta\u010d\u00ed st\u00e1hnout novou verzi&nbsp;fontu.<\/p>\n<p>Doporu\u010duji n\u00e1stroj <a href=\"https:\/\/google-webfonts-helper.herokuapp.com\/fonts\"><b>google-webfonts-helper<\/b><\/a>. V&nbsp;lev\u00e9m sloupci najdete vybran\u00fd font, a&nbsp;pot\u00e9 naklik\u00e1te spr\u00e1vnou znakovou sadu (\u010desk\u00e9 znaky jsou v&nbsp;<b>latin-ext<\/b>) a&nbsp;\u0159ezy.<\/p>\n<p><img srcset=\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/roboto-150x150.png 150w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/roboto-264x300.png 264w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/roboto.png 654w\" sizes=\"(min-width: 264px) 654px, (min-width: 150px) 264px, 150px\" class=\"alignnone size-full wp-image-6229\" alt width=\"654\" height=\"743\"><\/p>\n<p>N\u00ed\u017ee m\u00e1te na&nbsp;v\u00fdb\u011br <b>Best Support<\/b> nebo <b>Modern Browsers<\/b>. Best Support v\u00e1m d\u00e1 form\u00e1ty WOFF, WOFF2 a&nbsp;nav\u00edc TTF, EOT a&nbsp;SVG pro star\u0161\u00ed prohl\u00ed\u017ee\u010de. Za m\u011b to jsou zbyte\u010dn\u00e1 <b>objemn\u00e1 <\/b>data. Modern Browsers v\u00e1m d\u00e1 jen form\u00e1ty <b>WOFF <\/b>a&nbsp;<b>WOFF2, <\/b>co\u017e bohat\u011b sta\u010d\u00ed<b>. <\/b>V\u0161echny prohl\u00ed\u017ee\u010de um\u00ed WOFF p\u0159ibli\u017en\u011b od&nbsp;roku 2010, tak\u017ee nefunguj\u00edc\u00ed fonty u&nbsp;star\u0161\u00edch verz\u00ed budou ten nejmen\u0161\u00ed probl\u00e9m - nebude na&nbsp;nich fungovat mnohem v\u00edc v\u011bc\u00ed ne\u017e jenom vzhled p\u00edsma.<\/p>\n<p>Zvolte tedy Modern Browsers a&nbsp;vygenerovan\u00fd k\u00f3d vlo\u017ete na&nbsp;webu co nejv\u00fd\u0161e, nejl\u00e9pe jako prvn\u00ed z\u00e1pis v&nbsp;CSS souborech. M\u016f\u017eete si je\u0161t\u011b p\u0159edem upravit n\u00e1zev slo\u017eky, odkud se budou fonty stahovat, ale to u\u017e je na&nbsp;v\u00e1s. Font do&nbsp;n\u00ed st\u00e1hn\u011bte a&nbsp;rozbalte.<\/p>\n<h4><b>Magick\u00e1 optimalizace<\/b><\/h4>\n<p>Te\u010f budete muset d\u00e1t v\u0161e dohromady tak, aby to fungovalo. P\u0159esunut\u00ed font\u016f na&nbsp;vlastn\u00ed server ne\u0159e\u0161\u00ed v\u0161e \u2013 chcete, aby se na\u010detli je\u0161t\u011b d\u0159\u00edv, ne\u017e se zpracuje CSS soubor. Toho dos\u00e1hnete atributem <b>preload.<\/b><\/p>\n<p>\u201e<b><i>PRELOAD <\/i><\/b><i>je typ na\u010dten\u00ed, kter\u00e9 v\u00e1m umo\u017en\u00ed p\u0159inutit prohl\u00ed\u017ee\u010d, aby poslal \u017e\u00e1dost (request) na&nbsp;zdroj (css, font, js a&nbsp;dal\u0161\u00ed), ani\u017e by blokoval <code>onload<\/code> ud\u00e1lost str\u00e1nky.<\/i>\u201c<br>\n<i><\/i><i><\/i><i>- z&nbsp;<\/i><a href=\"https:\/\/medium.com\/reloading\/preload-prefetch-and-priorities-in-chrome-776165961bbf\"><i>\u010dl\u00e1nku<\/i><\/a><i> od&nbsp;Addy Osmani<\/i><\/p>\n<p>Preloadovat budete jenom <b>WOFF2 <\/b>form\u00e1t. Pro\u010d? Funkci preload zat\u00edm neum\u00ed v\u0161echny prohl\u00ed\u017ee\u010de. Pokud ji prohl\u00ed\u017ee\u010d um\u00ed, automaticky zvl\u00e1d\u00e1 i&nbsp;WOFF2. P\u0159ed vlo\u017een\u00edm CSS souboru vlo\u017ete do&nbsp;HTML p\u0159ibli\u017en\u00fd k\u00f3d jako n\u00ed\u017ee. Poj\u010fme si \u0159\u00edct, co v\u0161e znamen\u00e1.<\/p>\n<pre>&lt;link rel=\"preload\" as=\"font\" type=\"font\/woff2\" href=\"\/fonts\/roboto-v13-latin-ext_latin-regular.woff2\" crossorigin=\"crossorigin\"&gt; \n\n&lt;link rel=\"preload\" as=\"font\" type=\"font\/woff2\" href=\"\/fonts\/roboto-v13-latin-ext_latin-700.woff2\" crossorigin=\"crossorigin\"&gt;\n\/\/vlo\u017een\u00e9 CSS soubory\n<\/pre>\n<ul>\n<li><code>rel=\"preload\"<\/code> - p\u0159edp\u0159iprav\u00ed data na&nbsp;spu\u0161t\u011bn\u00ed;<\/li>\n<li><code>as=\"font\"<\/code> - \u0159ekneme prohl\u00ed\u017ee\u010di, co budeme stahovat. Bez \u201eas\u201c v\u00e1m d\u00e1 n\u00edzkou prioritu, a&nbsp;ni\u010deho nedoc\u00edl\u00edte;<\/li>\n<li><code>href=\"xxx\"<\/code> - cesta k&nbsp;fontu;<\/li>\n<li><code>type=\"font\/woff2\"<\/code> - jak\u00fd form\u00e1t budete stahovat;<\/li>\n<li><code>crossorigin<\/code> - je vy\u017eadov\u00e1no, proto\u017ee p\u00edsma se na\u010d\u00edtaj\u00ed pomoc\u00ed anonymn\u00edho re\u017eimu CORS.<\/li>\n<\/ul>\n<p>A to je v\u0161e. P\u00edsma se n\u00e1m p\u0159edna\u010dtou a&nbsp;v&nbsp;CSS jsme je zadefinovali pomoci <code>@font\u2011face<\/code>. V&nbsp;CSS (nap\u0159. na&nbsp;HTML element) u\u017e sta\u010d\u00ed jen napsat:<\/p>\n<pre>html {\n   font-family: 'Roboto', 'Trebuchet MS', 'Helvetica', 'Sans-Serif';\n}\n<\/pre>\n<h2>Oprava blik\u00e1n\u00ed p\u00edsma<\/h2>\n<p><strong>FOIT<\/strong> (flash of invisible text) a&nbsp;<strong>FOUT<\/strong> (flash of unstyled text) neboli problik\u00e1v\u00e1n\u00ed textu b\u011bhem na\u010d\u00edt\u00e1n\u00ed m\u016f\u017ee b\u00fdt p\u011bkn\u011b nep\u0159\u00edjemn\u00e9. Na&nbsp;Doktoru Kladivo jsme eliminaci problik\u00e1v\u00e1n\u00ed ne\u0159e\u0161ili, do&nbsp;na\u0161\u00ed <code>@font\u2011face <\/code> deklarace (k\u00f3d, kter\u00fd jsme vkl\u00e1dali na&nbsp;za\u010d\u00e1tek CSS) jsme p\u0159idali <code>font\u2011display: swap.<\/code> Zaru\u010d\u00ed, \u017ee&nbsp;pokud se webov\u00fd font nena\u010dte do&nbsp;0,1 sekundy, nasko\u010d\u00ed m\u00edsto n\u011bj syst\u00e9mov\u00fd. A\u017e se webfont st\u00e1hne, tak se automaticky vym\u011bn\u00ed.<\/p>\n<p>Co to vy\u0159e\u0161\u00ed? Na&nbsp;pomal\u00fdch p\u0159ipojen\u00edch nemus\u00edte koukat na&nbsp;b\u00edlou obrazovku a&nbsp;\u010dekat, a\u017e se na\u010dtou fonty, ale asi o&nbsp;3&nbsp;sekundy d\u0159\u00edv uvid\u00edte syst\u00e9mov\u00e9 p\u00edsmo. Blik\u00e1n\u00ed fontu nav\u00edc hroz\u00ed jen p\u0159i prvn\u00edm na\u010dten\u00ed, pak u\u017e je v\u0161e sta\u017een\u00e9 v&nbsp;cachi.<\/p>\n<h2>V\u00fdsledky<\/h2>\n<p>Vzhledem k&nbsp;tomu, \u017ee&nbsp;nem\u00e1me jednotliv\u00e1 data, ale jen komplexn\u00ed \u00fapravu zrychlen\u00ed webu, p\u0159id\u00e1v\u00e1m alespo\u0148 uk\u00e1zkov\u00e9 grafy <a href=\"https:\/\/medium.com\/clio-calliope\/making-google-fonts-faster-aadf3c02a36d\">Sii Karamalegos<\/a>. Zrychlen\u00ed se m\u016f\u017ee pohybovat kolem jedn\u00e9 a\u017e dvou sekund + budete kompletn\u011b nez\u00e1visl\u00ed na&nbsp;Google serverech.<\/p>\n<p><em>Fonty p\u0159es Google s&nbsp;preconnectem - skoro 5&nbsp;sekund<\/em><\/p>\n<p><img srcset=\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/3-1-150x150.png 150w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/3-1-300x70.png 300w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/3-1-1024x240.png 1024w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/3-1.png 1866w\" sizes=\"(min-width: 1024px) 1866px, (min-width: 300px) 1024px, (min-width: 150px) 300px, 150px\" class=\"alignnone size-full wp-image-6231\" alt width=\"1866\" height=\"438\"><\/p>\n<p><i style=\"color: #444444; font-size: 1rem;\">Fonty lok\u00e1ln\u011b na&nbsp;na\u0161em serveru i&nbsp;s&nbsp;optimalizaci - 3,5 sekundy<\/i><\/p>\n<p><img srcset=\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/4-1-150x150.png 150w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/4-1-300x64.png 300w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/4-1-1024x217.png 1024w, https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2019\/12\/4-1.png 1868w\" sizes=\"(min-width: 1024px) 1868px, (min-width: 300px) 1024px, (min-width: 150px) 300px, 150px\" class=\"alignnone size-full wp-image-6232\" alt width=\"1868\" height=\"396\"><\/p>\n<p>Web fonty jsou jedny z&nbsp;prvn\u00edch v\u011bc\u00ed, kter\u00e9 se na&nbsp;webu stahuj\u00ed \u2013 neztr\u00e1cejte proto zbyte\u010dn\u011b \u010das na\u010d\u00edt\u00e1m. Ud\u011blejte si rychl\u00fd audit str\u00e1nek a&nbsp;zjist\u011bte, jak\u00e9 fonty\/\u0159ezy pou\u017e\u00edv\u00e1te a&nbsp;v&nbsp;jak\u00e9m po\u010dtu. Pokud je n\u011bkter\u00fd \u0159ez jen v&nbsp;p\u00e1r textech, zkuste ho nahradit p\u00edsmem, kter\u00e9 u\u017e pou\u017e\u00edv\u00e1te jinde. U&nbsp;n\u00e1s se t\u0159eba \u0159ez 100 pou\u017e\u00edval jen na&nbsp;t\u0159ech polo\u017ek\u00e1ch, kompletn\u011b jsme ho proto nahradili \u0159ezem 300.&nbsp;To samoz\u0159ejm\u011b plat\u00ed jen pokud v\u00e1\u0161 font nen\u00ed designovka, kter\u00e1 mus\u00ed korespondovat s&nbsp;brandingem.<\/p>\n<p>P\u0159i\u0161ly v\u00e1m moje rady u\u017eite\u010dn\u00e9? P\u0159e\u010dt\u011bte si i&nbsp;posledn\u00edho d\u00edl o&nbsp;<a href=\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-4\/\">stahov\u00e1n\u00ed CSS soubor\u016f a&nbsp;problematick\u00fdch JavaScriptech<\/a>.<\/p>\n\n\t\t<script>var e = {type:\"double\", dml:\"83715\", fc1:\"370cfd751f2ae198\",fc2:\"da5149bda4ccedfb\", dt:\"13486\" , returnUrl:\"https:\/\/igloonet.cz\/blog\" , autosuggest:true, fromEmail:\"marketing@igloonet.cz\", fromName:\"igloonet \"};window.e7f779akf=e;s=document.getElementsByTagName(\"script\")[0];qc=document.createElement(\"script\");qc.src=\"\/\/static.mailkit.eu\/_system\/subform.js\";qc.setAttribute(\"dvar\", \"e7f779akf\");s.parentNode.insertBefore(qc,s);<\/script>\t\t\n\t\t<div class=\"mailkit_instance\">\n\t\t\t<form method=\"POST\" data-id=\"e7f779akf\" class=\"newsletter-form\" id=\"newsletter-form\">\n\t\t\t    <div class=\"hr-wrap\"><hr><\/div>\n\t            <h2>Chyst\u00e1me pokra\u010dov\u00e1n\u00ed<\/h2>\n\t            <p>Nenechte si uj\u00edt pokra\u010dov\u00e1n\u00ed \u010dl\u00e1nku a&nbsp;dal\u0161\u00ed novinky a&nbsp;tipy. Zadejte sv\u016fj e-mail, a&nbsp;u\u017e v\u00e1m nic neunikne.<\/p>\n\t\t\t\t\n\t\t\t\t<div class=\"newsletter-form__email\">\n\t                <div class=\"newsletter-form__input-group\">\n\t                    <label for=\"first_name_inline\">K\u0159estn\u00ed jm\u00e9no<\/label><input type=\"text\" name=\"first_name\" id=\"first_name_inline\" value required>\n\t                <\/div>\n\t\t\t\t    \n\t\t\t\t    <div class=\"newsletter-form__input-group\">\n\t\t\t\t\t    <label for=\"email_inline\">E-mail<\/label><input type=\"text\" name=\"email\" id=\"email_inline\" value required>\n\t\t\t\t    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"mailkit_submit newsletter-form__button--wrapper\">\n\t\t\t\t    <button type=\"submit\" class=\"newsletter-form__button\" id=\"newsletter-form__button\">P\u0159ihl\u00e1sit<\/button>\n\t\t\t\t    <input type=\"hidden\" name=\"_do\" value=\"newsletterForm-submit\">\n\t\t\t\t<\/div>\n                                <div><br>Odesl\u00e1n\u00edm formul\u00e1\u0159e souhlas\u00edte se <a href=\"\/ochrana-osobnich-udaju\">zpracov\u00e1n\u00edm osobn\u00edch \u00fadaj\u016f<\/a>.<\/div>\n\t\t\t<\/form>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"newsletter-form__alert\" id=\"newsletter-form__alert\">\n\t\t\tByl v\u00e1m odesl\u00e1n potvrzovac\u00ed e-mail.&nbsp;<\/div>\n\t\n","protected":false},"excerpt":{"rendered":"<p>Pou\u017e\u00edv\u00e1te na&nbsp;str\u00e1nk\u00e1ch r\u016fzn\u00e1 p\u00edsma? Jestli m\u00e1te nadpisy v&nbsp;Lato, popisy produkt\u016f v&nbsp;Open Sans a&nbsp;pati\u010dku v&nbsp;Roboto, nejsp\u00ed\u0161 si zbyte\u010dn\u011b zpomalujete web. Prozrad\u00edm, jak na\u010d\u00edt\u00e1n\u00ed font\u016f zrychlit a&nbsp;jak vyzr\u00e1t na&nbsp;jejich \u201eproblik\u00e1v\u00e1n\u00ed.\u201c<\/p>\n","protected":false},"author":42,"featured_media":6724,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[71],"tags":[249,176,250,246],"class_list":["post-6183","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vyvoj","tag-font","tag-frontend","tag-rez","tag-zrychleni-webu"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Zrychlujeme web \u2013 Jak pracovat s fonty? | igloonet blog<\/title>\n<meta name=\"description\" content=\"Pou\u017e\u00edv\u00e1te na sv\u00fdch str\u00e1nk\u00e1ch r\u016fzn\u00e1 p\u00edsma? Mo\u017en\u00e1 si zbyte\u010dn\u011b zpomalujete web...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"I p\u00edsmo m\u016f\u017ee zpomalit web\" \/>\n<meta property=\"og:description\" content=\"Zrychlete na\u010d\u00edt\u00e1n\u00ed, odstra\u0148te problik\u00e1v\u00e1n\u00ed.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/\" \/>\n<meta property=\"og:site_name\" content=\"igloonet blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/igloonet\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-21T15:12:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-10T06:59:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2020\/01\/12.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Luk\u00e1\u0161 Pto\u0161ek\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"I p\u00edsmo m\u016f\u017ee zpomalit web\" \/>\n<meta name=\"twitter:description\" content=\"Zrychlete na\u010d\u00edt\u00e1n\u00ed, odstra\u0148te problik\u00e1v\u00e1n\u00ed.\" \/>\n<meta name=\"twitter:creator\" content=\"@igloonet\" \/>\n<meta name=\"twitter:site\" content=\"@igloonet\" \/>\n<meta name=\"twitter:label1\" content=\"Napsal(a)\" \/>\n\t<meta name=\"twitter:data1\" content=\"Luk\u00e1\u0161 Pto\u0161ek\" \/>\n\t<meta name=\"twitter:label2\" content=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/\"},\"author\":{\"name\":\"Luk\u00e1\u0161 Pto\u0161ek\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/a812735f33c06a10323ebc76473770a6\"},\"headline\":\"Zrychlujeme web \u2013 Jak pracovat s&nbsp;fonty?\",\"datePublished\":\"2020-01-21T15:12:03+00:00\",\"dateModified\":\"2020-07-10T06:59:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/\"},\"wordCount\":1664,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2020\/01\/12.png\",\"keywords\":[\"font\",\"frontend\",\"\u0159ez\",\"zrychlen\u00ed webu\"],\"articleSection\":[\"V\u00fdvoj\"],\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/\",\"url\":\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/\",\"name\":\"Zrychlujeme web \u2013 Jak pracovat s fonty? | igloonet blog\",\"isPartOf\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2020\/01\/12.png\",\"datePublished\":\"2020-01-21T15:12:03+00:00\",\"dateModified\":\"2020-07-10T06:59:45+00:00\",\"description\":\"Pou\u017e\u00edv\u00e1te na sv\u00fdch str\u00e1nk\u00e1ch r\u016fzn\u00e1 p\u00edsma? Mo\u017en\u00e1 si zbyte\u010dn\u011b zpomalujete web...\",\"breadcrumb\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#primaryimage\",\"url\":\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2020\/01\/12.png\",\"contentUrl\":\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2020\/01\/12.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"V\u00fdvoj\",\"item\":\"https:\/\/igloonet.cz\/blog\/rubriky\/vyvoj\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zrychlujeme web \u2013 Jak pracovat s&nbsp;fonty?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#website\",\"url\":\"https:\/\/igloonet.cz\/blog\/\",\"name\":\"igloonet blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/igloonet.cz\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#organization\",\"name\":\"igloonet\",\"url\":\"https:\/\/igloonet.cz\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2015\/07\/RGB_LVPC_igloonet.png\",\"contentUrl\":\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2015\/07\/RGB_LVPC_igloonet.png\",\"width\":650,\"height\":465,\"caption\":\"igloonet\"},\"image\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/igloonet\",\"https:\/\/x.com\/igloonet\",\"https:\/\/instagram.com\/igloonet\/\",\"https:\/\/www.linkedin.com\/company\/igloonet\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/a812735f33c06a10323ebc76473770a6\",\"name\":\"Luk\u00e1\u0161 Pto\u0161ek\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2854b00258f0cdf1aa6b521b4f6452238187e8c09bbbf7460685c9bb74a09566?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2854b00258f0cdf1aa6b521b4f6452238187e8c09bbbf7460685c9bb74a09566?s=96&d=retro&r=g\",\"caption\":\"Luk\u00e1\u0161 Pto\u0161ek\"},\"url\":\"https:\/\/igloonet.cz\/blog\/author\/ptosek\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Zrychlujeme web \u2013 Jak pracovat s fonty? | igloonet blog","description":"Pou\u017e\u00edv\u00e1te na sv\u00fdch str\u00e1nk\u00e1ch r\u016fzn\u00e1 p\u00edsma? Mo\u017en\u00e1 si zbyte\u010dn\u011b zpomalujete web...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/","og_locale":"cs_CZ","og_type":"article","og_title":"I p\u00edsmo m\u016f\u017ee zpomalit web","og_description":"Zrychlete na\u010d\u00edt\u00e1n\u00ed, odstra\u0148te problik\u00e1v\u00e1n\u00ed.","og_url":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/","og_site_name":"igloonet blog","article_publisher":"https:\/\/www.facebook.com\/igloonet","article_published_time":"2020-01-21T15:12:03+00:00","article_modified_time":"2020-07-10T06:59:45+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2020\/01\/12.png","type":"image\/png"}],"author":"Luk\u00e1\u0161 Pto\u0161ek","twitter_card":"summary_large_image","twitter_title":"I p\u00edsmo m\u016f\u017ee zpomalit web","twitter_description":"Zrychlete na\u010d\u00edt\u00e1n\u00ed, odstra\u0148te problik\u00e1v\u00e1n\u00ed.","twitter_creator":"@igloonet","twitter_site":"@igloonet","twitter_misc":{"Napsal(a)":"Luk\u00e1\u0161 Pto\u0161ek","Odhadovan\u00e1 doba \u010dten\u00ed":"9 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#article","isPartOf":{"@id":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/"},"author":{"name":"Luk\u00e1\u0161 Pto\u0161ek","@id":"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/a812735f33c06a10323ebc76473770a6"},"headline":"Zrychlujeme web \u2013 Jak pracovat s&nbsp;fonty?","datePublished":"2020-01-21T15:12:03+00:00","dateModified":"2020-07-10T06:59:45+00:00","mainEntityOfPage":{"@id":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/"},"wordCount":1664,"commentCount":7,"publisher":{"@id":"https:\/\/igloonet.cz\/blog\/#organization"},"image":{"@id":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#primaryimage"},"thumbnailUrl":"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2020\/01\/12.png","keywords":["font","frontend","\u0159ez","zrychlen\u00ed webu"],"articleSection":["V\u00fdvoj"],"inLanguage":"cs","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/","url":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/","name":"Zrychlujeme web \u2013 Jak pracovat s fonty? | igloonet blog","isPartOf":{"@id":"https:\/\/igloonet.cz\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#primaryimage"},"image":{"@id":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#primaryimage"},"thumbnailUrl":"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2020\/01\/12.png","datePublished":"2020-01-21T15:12:03+00:00","dateModified":"2020-07-10T06:59:45+00:00","description":"Pou\u017e\u00edv\u00e1te na sv\u00fdch str\u00e1nk\u00e1ch r\u016fzn\u00e1 p\u00edsma? Mo\u017en\u00e1 si zbyte\u010dn\u011b zpomalujete web...","breadcrumb":{"@id":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/"]}]},{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#primaryimage","url":"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2020\/01\/12.png","contentUrl":"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2020\/01\/12.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/igloonet.cz\/blog\/zrychlujeme-web-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"V\u00fdvoj","item":"https:\/\/igloonet.cz\/blog\/rubriky\/vyvoj\/"},{"@type":"ListItem","position":2,"name":"Zrychlujeme web \u2013 Jak pracovat s&nbsp;fonty?"}]},{"@type":"WebSite","@id":"https:\/\/igloonet.cz\/blog\/#website","url":"https:\/\/igloonet.cz\/blog\/","name":"igloonet blog","description":"","publisher":{"@id":"https:\/\/igloonet.cz\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/igloonet.cz\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs"},{"@type":"Organization","@id":"https:\/\/igloonet.cz\/blog\/#organization","name":"igloonet","url":"https:\/\/igloonet.cz\/blog\/","logo":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/igloonet.cz\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2015\/07\/RGB_LVPC_igloonet.png","contentUrl":"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2015\/07\/RGB_LVPC_igloonet.png","width":650,"height":465,"caption":"igloonet"},"image":{"@id":"https:\/\/igloonet.cz\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/igloonet","https:\/\/x.com\/igloonet","https:\/\/instagram.com\/igloonet\/","https:\/\/www.linkedin.com\/company\/igloonet"]},{"@type":"Person","@id":"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/a812735f33c06a10323ebc76473770a6","name":"Luk\u00e1\u0161 Pto\u0161ek","image":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2854b00258f0cdf1aa6b521b4f6452238187e8c09bbbf7460685c9bb74a09566?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2854b00258f0cdf1aa6b521b4f6452238187e8c09bbbf7460685c9bb74a09566?s=96&d=retro&r=g","caption":"Luk\u00e1\u0161 Pto\u0161ek"},"url":"https:\/\/igloonet.cz\/blog\/author\/ptosek\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/posts\/6183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/comments?post=6183"}],"version-history":[{"count":60,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/posts\/6183\/revisions"}],"predecessor-version":[{"id":6464,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/posts\/6183\/revisions\/6464"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/media\/6724"}],"wp:attachment":[{"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/media?parent=6183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/categories?post=6183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/tags?post=6183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}