- \n
- Pomoc\u00ed zdrojov\u00e9ho k\u00f3du<\/a><\/li>\n\n\n\n
- Pomoc\u00ed roz\u0161\u00ed\u0159en\u00ed prohl\u00ed\u017ee\u010de – pro \u010dast\u011bj\u0161\u00ed pou\u017e\u00edv\u00e1n\u00ed<\/a><\/li>\n\n\n\n
- Rozpozn\u00e1n\u00ed fontu pomoc\u00ed obr\u00e1zku – online slu\u017eba WhatTheFont<\/a>\n
- \n
- Aplikace WhatTheFont pro mobiln\u00ed za\u0159\u00edzen\u00ed<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Rozpozn\u00e1v\u00e1n\u00ed fontu v Adobe Photoshop<\/a><\/li>\n\n\n\n
- Bonus – zobrazen\u00ed a zm\u011bna fontu ve WordPressu<\/a><\/li>\n<\/ul>\n\n\n\n
Pomoc\u00ed zdrojov\u00e9ho k\u00f3du<\/h3>\n\n\n\n
V tomto p\u0159\u00edpad\u011b nepot\u0159ebujeme nic stahovat, sta\u010d\u00ed n\u00e1m pouze zobrazit zdrojov\u00fd k\u00f3d str\u00e1nky, na kter\u00e9 pou\u017e\u00edvan\u00fd font jednodu\u0161e najdeme. Zdrojov\u00fd k\u00f3d zobraz\u00edme v ka\u017ed\u00e9m prohl\u00ed\u017ee\u010di trochu jinak(zde si uk\u00e1\u017eeme jak by to vypadalo v prohl\u00ed\u017ee\u010di Chrome).<\/p>\n\n\n\n
Najdeme na webu text s fontem, kter\u00fd chceme zjistit a postupujeme n\u00e1sledovn\u011b:<\/p>\n\n\n\n
- \n
- Klikneme prav\u00fdm na text a zvol\u00edme mo\u017enost prozkoumat <\/li>\n\n\n\n
- V elementech by se m\u011bl zvolen\u00fd text vybrat ve zdrojov\u00e9m k\u00f3du<\/li>\n\n\n\n
- Pokud se tak ji\u017e nestalo, otev\u0159eme si tab s n\u00e1zvem „Styles“, kde ji\u017e m\u016f\u017eeme nal\u00e9zt pou\u017e\u00edvan\u00fd font<\/li>\n<\/ol>\n\n\n\n
![\"\"](\"https:\/\/musilda.cz\/wp-content\/uploads\/2024\/01\/zjisteni-weboveho-fontu-pomoci-zdrojoveho-kodu-1024x369.png\")
<\/a><\/figure>\n\n\n\nPomoc\u00ed roz\u0161\u00ed\u0159en\u00ed prohl\u00ed\u017ee\u010de – pro \u010dast\u011bj\u0161\u00ed pou\u017e\u00edv\u00e1n\u00ed<\/h3>\n\n\n\n
Pokud chceme zji\u0161\u0165ovat font na v\u00edce m\u00edstech, mohla by b\u00fdt p\u0159ede\u0161l\u00e1 metoda pomal\u00e1. Proto m\u016f\u017eeme zvolit n\u011bkter\u00e9 z roz\u0161\u00ed\u0159en\u00edch prohl\u00ed\u017ee\u010de. <\/p>\n\n\n\n
Uk\u00e1\u017eeme si zde roz\u0161\u00ed\u0159en\u00ed pro Chrome s n\u00e1zvem CSS Peeper<\/a>. Krom\u011b zji\u0161t\u011bn\u00ed fontu dok\u00e1\u017ee n\u00e1stroj zobrazit i v\u0161echny ostatn\u00ed styly v\u010detn\u011b barev, velikosti kontejner\u016f, v\u00fd\u0161ky \u0159\u00e1dku, velikosti fontu a mnoho dal\u0161\u00edho.<\/p>\n\n\n\n
Roz\u0161\u00ed\u0159en\u00ed jednodu\u0161e nainstalujeme do Chrome. Po instalaci by se n\u00e1m vpravo naho\u0159e m\u011bla zobrazit ikonka „P“.<\/p>\n\n\n\n
![\"\"](\"https:\/\/musilda.cz\/wp-content\/uploads\/2024\/01\/csspeeper-chrome-rozsireni-pro-zobrazeni-css-stylu.png\")
<\/a><\/figure>\n\n\n\nPo rozkliknut\u00ed ikonky m\u016f\u017eeme na str\u00e1nce zvolit libovoln\u00fd text, na kter\u00fd sta\u010d\u00ed pouze kliknout, a ve\u0161ker\u00e9 \u00fadaje o fontu se n\u00e1m zobraz\u00ed v tabulce.<\/p>\n\n\n\n
![\"\"](\"https:\/\/musilda.cz\/wp-content\/uploads\/2024\/01\/nastroj-csspeeper-zobrazeni-weboveho-fontu.png\")
<\/a><\/figure>\n\n\n\nRozpozn\u00e1n\u00ed fontu pomoc\u00ed obr\u00e1zku – online slu\u017eba WhatTheFont<\/h3>\n\n\n\n
Pokud m\u00e1me pouze obr\u00e1zek s fontem, u kter\u00e9ho nezn\u00e1me n\u00e1zev, m\u016f\u017ee b\u00fdt \u0159e\u0161en\u00edm nap\u0159\u00edklad nezpoplatn\u011bn\u00e1 online slu\u017eba „WhatTheFont<\/a>„. <\/p>\n\n\n\n
Sta\u010d\u00ed kdy\u017e obr\u00e1zek importujeme, zvol\u00edme text u kter\u00e9ho chceme rozpoznat font, a zvol\u00edme „Identify font“. N\u00e1stroj n\u00e1sledn\u011b s vysokou p\u0159esnost\u00ed zobraz\u00ed n\u011bkolik mo\u017enost\u00ed, o kter\u00fd font by se mohlo jednat. <\/p>\n\n\n\n
![\"\"](\"https:\/\/musilda.cz\/wp-content\/uploads\/2024\/01\/identifikace-fontu-z-obrazku-1024x395.png\")
<\/a><\/figure>\n\n\n\nPokud jsme v n\u00e1stroji nena\u0161li pot\u0159ebn\u00fd font, m\u016f\u017eeme zkusit n\u011bkterou z alternativ n\u00e1stroje(WhatFontis<\/a>, Fount<\/a>).<\/p>\n\n\n\n
Aplikace WhatTheFont pro mobiln\u00ed za\u0159\u00edzen\u00ed<\/h4>\n\n\n\n
WhatTheFont se nab\u00edz\u00ed i jako aplikace pro mobily, pomoc\u00ed kter\u00e9 m\u016f\u017eeme font rozpozn\u00e1vat odkudkoliv.<\/p>\n\n\n\n
![\"\"](\"https:\/\/musilda.cz\/wp-content\/uploads\/2024\/01\/aplikace-whatthefonts.png\")
<\/a><\/figure>\n\n\n\nRozpozn\u00e1v\u00e1n\u00ed fontu v Adobe Photoshop<\/h3>\n\n\n\n
Pokud p\u0159i sv\u00e9 pr\u00e1ci pou\u017e\u00edv\u00e1me Photoshop, m\u016f\u017eeme pou\u017e\u00edvan\u00fd font z fotky zjistit p\u0159\u00edmo v n\u011bm.<\/p>\n\n\n\n
Pomoc\u00ed n\u00e1stroje Photoshopu jsme tento font schopni naj\u00edt za relativn\u011b kr\u00e1tkou chv\u00edli. P\u0159esn\u00fd n\u00e1vod je uveden n\u00ed\u017ee:<\/p>\n\n\n\n
- \n
- Zvolte n\u00e1stroj pro obd\u00e9ln\u00edkov\u00fd v\u00fdb\u011br<\/li>\n\n\n\n
- Vyberte oblast textu, u kter\u00e9ho chcete rozpoznat font<\/li>\n\n\n\n
- P\u0159ejd\u011bte do tabu Text<\/strong> a zvolte mo\u017enost Srovnat p\u00edsma…<\/strong> <\/li>\n<\/ol>\n\n\n\n
![\"\"](\"https:\/\/musilda.cz\/wp-content\/uploads\/2024\/01\/jak-ve-photoshopu-zjistit-druh-fontu-1024x527.png\")
<\/a><\/figure>\n\n\n\nVe fin\u00e1le by se m\u011blo otev\u0159\u00edt okno s podobn\u00fdmi fonty.<\/p>\n\n\n\n
![\"\"](\"https:\/\/musilda.cz\/wp-content\/uploads\/2024\/01\/photoshop-rozpoznani-fontu.png\")
<\/a><\/figure>\n\n\n\nBonus – zobrazen\u00ed a zm\u011bna fontu ve WordPressu<\/h3>\n\n\n\n
Zobrazen\u00ed a nastaven\u00ed pou\u017e\u00edvan\u00e9ho fontu ve WordPressu v\u011bt\u0161inou najdeme jednodu\u0161e v nastaven\u00ed Vzhled <\/strong>> P\u0159izp\u016fsobit <\/strong>> Hlavn\u00ed nastaven\u00ed <\/strong>> Typografie<\/strong><\/p>\n\n\n\n
![\"\"](\"https:\/\/musilda.cz\/wp-content\/uploads\/2024\/01\/wordpress-zmena-fontu.png\")
<\/a><\/figure>\n\n\n\nV jin\u00fdch p\u0159\u00edpadech m\u016f\u017ee b\u00fdt nastaven\u00ed fontu v nastaven\u00ed pou\u017e\u00edvan\u00e9 WordPress \u0161ablony. Pokud str\u00e1nka nereaguje na glob\u00e1ln\u00ed zm\u011bnu fontu, m\u016f\u017ee b\u00fdt font pevn\u011b nastaven na konkr\u00e9tn\u00edm textov\u00e9m poli.<\/p>\n","protected":false},"excerpt":{"rendered":"
L\u00edb\u00ed se V\u00e1m font z ciz\u00edch web\u016f o kter\u00fd stoj\u00edte, ale nezn\u00e1te n\u00e1zev? Nezoufejte, a vyzkou\u0161ejte jednu z n\u00ed\u017ee uveden\u00fdch metod pro zji\u0161t\u011bn\u00ed fontu nejen z web\u016f, ale i z fotek. Zp\u016fsoby zji\u0161t\u011bn\u00ed pou\u017e\u00edvan\u00e9ho fontu Pomoc\u00ed zdrojov\u00e9ho k\u00f3du V tomto p\u0159\u00edpad\u011b nepot\u0159ebujeme nic stahovat, sta\u010d\u00ed n\u00e1m pouze zobrazit zdrojov\u00fd k\u00f3d str\u00e1nky, na kter\u00e9 pou\u017e\u00edvan\u00fd font<\/p>\n","protected":false},"author":1,"featured_media":7569,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,30],"tags":[],"class_list":["post-7562","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-navody","category-wordpress"],"_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/7562"}],"collection":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/comments?post=7562"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/7562\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/7569"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=7562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=7562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=7562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Rozpozn\u00e1v\u00e1n\u00ed fontu v Adobe Photoshop<\/a><\/li>\n\n\n\n
- Pomoc\u00ed roz\u0161\u00ed\u0159en\u00ed prohl\u00ed\u017ee\u010de – pro \u010dast\u011bj\u0161\u00ed pou\u017e\u00edv\u00e1n\u00ed<\/a><\/li>\n\n\n\n