{"id":208,"date":"2023-10-01T17:50:29","date_gmt":"2023-10-01T15:50:29","guid":{"rendered":"https:\/\/gdm.sosthe.sk\/?page_id=208"},"modified":"2023-10-01T17:50:29","modified_gmt":"2023-10-01T15:50:29","slug":"font-family","status":"publish","type":"page","link":"https:\/\/gdm.sosthe.sk\/?page_id=208","title":{"rendered":"Font-Family"},"content":{"rendered":"<h2><span>Google Fonts<\/span><\/h2>\n<p><span>Tipy pre sloven\u010dinu:<\/span><\/p>\n<ul>\n<li><span>Zvo\u013ete:\u00a0<\/span><strong><span>Latin Extended<\/span><\/strong><\/li>\n<li><span>Na kontrolu vyu\u017eite Pangram (z gr\u00e9\u010dtiny \u201eka\u017ed\u00e9 p\u00edsmeno\u201c): &#8220;\u00a0<\/span><strong><span>Nech u\u017e hrie\u0161ne saxof\u00f3ny diablov rozzvu\u010dia sie\u0148 stra\u0161n\u00fdmi t\u00f3nmi waltzu, tang\u00e1 a quickstepu. 1234567890<\/span><\/strong><span>\u00a0&#8222;<\/span><\/li>\n<li><span>Vo\u013ete rad\u0161ej\u00a0<\/span><strong><span>u\u017e\u0161ie<\/span><\/strong><span>\u00a0p\u00edsmo (pri ve\u013emi \u0161irokom p\u00edsme sa zmest\u00ed na riadok m\u00e1lo znakov)<\/span><\/li>\n<li><span>Sekcia &#8220;\u00a0<\/span><strong><span>Quick Use<\/span><\/strong><span>\u00a0&#8220; zobrazuje r\u00fdchlos\u0165 na\u010d\u00edtania p\u00edsma\u00a0<\/span><img decoding=\"async\" title=\"enlightened\" src=\"https:\/\/tomas.dankovi.info\/system\/files\/images\/smileys\/lightbulb.gif\" alt=\"enlightened\" \/><\/li>\n<\/ul>\n<h2><span>Font Squirrel<\/span><\/h2>\n<p><span>Font Squirrel umo\u017e\u0148uje aplikova\u0165 zvolen\u00fd font p\u00edsma nez\u00e1visle na fontoch u\u017e\u00edvate\u013esk\u00e9ho opera\u010dn\u00e9ho syst\u00e9mu.<\/span><\/p>\n<p><span>V\u00fdhody:<\/span><\/p>\n<ul>\n<li><span>neoba\u013euje HTML zdroj pomocn\u00fdmi tagmi<\/span><\/li>\n<li><span>vyu\u017e\u00edva kombin\u00e1cia javascriptu a CSS<\/span><\/li>\n<li><span>font je mo\u017en\u00e9 aj tla\u010di\u0165<\/span><\/li>\n<li><span>m\u00e1 men\u0161iu d\u00e1tov\u00fa n\u00e1ro\u010dnos\u0165 ako\u00a0\u00a0<\/span><a href=\"https:\/\/tomas.dankovi.info\/node\/793\"><span>Cuf\u00f3n<\/span><\/a><\/li>\n<li><span>font sa aplikuje aj na obsah &#8222;dotiahnut\u00fd&#8220; napr. pomocou jquery<\/span><\/li>\n<li><span>podpora v prehliada\u010doch:<\/span>\n<ul>\n<li><a class=\"ext\" href=\"http:\/\/caniuse.com\/#search=woff\" target=\"_blank\" rel=\"nofollow noopener\"><span>WOFF \u2013 Web Open Font Format<\/span><\/a><span>\u00a0(84 %)<\/span><\/li>\n<li><a class=\"ext\" href=\"http:\/\/caniuse.com\/#feat=eot\" target=\"_blank\" rel=\"nofollow noopener\"><span>EOT \u2013 Embedded OpenType fonts<\/span><\/a><span>\u00a0(16 % \u2013 iba IE)<\/span><\/li>\n<li><a class=\"ext\" href=\"http:\/\/caniuse.com\/#feat=ttf\" target=\"_blank\" rel=\"nofollow noopener\"><span>TTF<\/span><span>\u00a0\/OTF \u2013 TrueType a OpenType font support<\/span><\/a><span>\u00a0(89 % \u2013 modern\u00e9 prehliada\u010de)<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span>Postup:<\/span><\/p>\n<ol>\n<li><span>Stiahnu\u0165 si po\u017eadovan\u00fd TTF font p\u00edsma:<\/span>\n<ul>\n<li><a class=\"ext\" href=\"http:\/\/www.ceskefonty.cz\/\" target=\"_blank\" rel=\"nofollow noopener\"><span>Slovensk\u00e9 fonty<\/span><\/a><span>\u00a0(Pangram: &#8222;Nech u\u017e hrie\u0161ne saxof\u00f3ny diablov rozzvu\u010dia sie\u0148 stra\u0161n\u00fdmi t\u00f3nmi waltzu, tang\u00e1 a quickstepu. 1234567890&#8220;)<\/span><\/li>\n<li><strong><a class=\"ext\" href=\"http:\/\/www.fontsquirrel.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span>Font Squirrel<\/span><\/a>\u00a0<\/strong><span>(\u00a0<\/span><a class=\"ext\" href=\"http:\/\/www.fontsquirrel.com\/fonts\/list\/find_fonts?filter%5Blanguages%5D%5B0%5D=czech&amp;filter%5Blicense%5D%5B0%5D=web\" target=\"_blank\" rel=\"nofollow noopener\"><span>slovensk\u00e9 webov\u00e9 fonty<\/span><\/a><span>)<\/span><\/li>\n<li><strong><a class=\"ext\" href=\"http:\/\/www.google.com\/webfonts\" target=\"_blank\" rel=\"nofollow noopener\"><span>Google Fonts<\/span><\/a>\u00a0<\/strong><span>(slovensk\u00e9 \u2013 latin extended: Oregano, Devonshire, Black Ops One, Poiret One, New Rocker, Hanalei\u00a0<\/span><span>,\u00a0\u00a0<\/span><span>Aladin\u00a0<\/span><span>, Black Ops One,\u00a0<\/span><span>\u00a0Open Sans Condensed at\u010f.)<\/span><\/li>\n<li><strong><a class=\"ext\" href=\"http:\/\/theleagueofmoveabletype.com\/catalogue\" target=\"_blank\" rel=\"nofollow noopener\"><span>League of Moveable Type<\/span><\/a><\/strong><\/li>\n<li><strong><a class=\"ext\" href=\"http:\/\/losttype.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span>Lost Type<\/span><\/a><\/strong><\/li>\n<li><a class=\"ext\" href=\"https:\/\/typekit.com\/plans\" target=\"_blank\" rel=\"nofollow noopener\"><span>Typekit.com<\/span><\/a><\/li>\n<li><a class=\"ext\" href=\"http:\/\/kernest.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span>KERNEST<\/span><\/a><\/li>\n<li><a class=\"ext\" href=\"http:\/\/www.fonts4free.net\/\" target=\"_blank\" rel=\"nofollow noopener\"><span>Fonts4Free<\/span><\/a><\/li>\n<li><a class=\"ext\" href=\"http:\/\/fontdeck.com\/about\/pricing\" target=\"_blank\" rel=\"nofollow noopener\"><span>Fontdeck<\/span><\/a><span>(len platen\u00e9)<\/span><\/li>\n<li><a class=\"ext\" href=\"https:\/\/webfonts.fonts.com\/en-US\/Subscription\/SelectSubscription\" target=\"_blank\" rel=\"nofollow noopener\"><span>Fonts.com<\/span><\/a><span>(len platen\u00e9 alebo s reklamou)<\/span><\/li>\n<\/ul>\n<\/li>\n<li><span>Pomocou\u00a0<\/span><a class=\"ext\" href=\"http:\/\/www.fontsquirrel.com\/tools\/webfont-generator\" target=\"_blank\" rel=\"nofollow noopener\"><span>Font Squirrel gener\u00e1tora<\/span><\/a><span>\u00a0vygenerova\u0165 po\u017eadovan\u00e9 s\u00fabory:<\/span>\n<ul>\n<li><span>pre slovensk\u00e9 fonty nastavi\u0165 vo\u013eby:<\/span>\n<ul>\n<li><span>Expert<\/span><\/li>\n<li><span>Subsetting: Custom Subsetting<\/span>\n<ul>\n<li><span>Language:\u00a0<\/span><strong><span>Slovak<\/span><\/strong><\/li>\n<li><span>(Unicode Tables: Basic Latin, Latin Extended-A)<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><span>Rozbali\u0165 webfontkit arch\u00edv, rozbalen\u00fd adres\u00e1r premenova\u0165 napr. na\u00a0\u00a0<\/span><strong><span>fonts<\/span><\/strong><span>\u00a0a umiestni\u0165 do svojej t\u00e9my vzh\u013eadu.<\/span><\/li>\n<li><span>V html zdroji pripoji\u0165 CSS\u00a0<\/span><strong><span>fonts\/stylesheet.css<\/span><\/strong><span>\u00a0(v Drupale najlep\u0161ie pomocou\u00a0<\/span><a href=\"https:\/\/tomas.dankovi.info\/node\/178\/\"><span>.info<\/span><\/a><span>\u00a0s\u00faboru).<\/span><\/li>\n<li><span>N\u00e1zov fontu obsiahnut\u00fd v s\u00fabore\u00a0<\/span><strong><span>stylesheet.css<\/span><\/strong><span>\u00a0je mo\u017en\u00e9 pou\u017ei\u0165 v \u013eubovo\u013enom CSS ako vlastnot\u00a0<\/span><code>font-family<\/code><span>.<\/span><\/li>\n<li><span>Tipy:<\/span>\n<ul>\n<li><span>Ve\u013ekos\u0165 fontu @font-face ud\u00e1van\u00e1 v jednotk\u00e1ch\u00a0<\/span><strong><span>em<\/span><\/strong><span>\u00a0niekedy nezodpoved\u00e1 predpokladom, preto je vhodnej\u0161ie ud\u00e1va\u0165 ve\u013ekos\u0165 fontu v jednotk\u00e1ch\u00a0<\/span><strong><span>px<\/span><\/strong><span>\u00a0.\u00a0<\/span><img decoding=\"async\" title=\"enlightened\" src=\"https:\/\/tomas.dankovi.info\/system\/files\/images\/smileys\/lightbulb.gif\" alt=\"enlightened\" \/><\/li>\n<li><span>Hoci by pridanie vyhladenia a prieh\u013eadn\u00e9ho tie\u0148a nemalo ni\u010d zmeni\u0165 \u2013 opak je pravdou.\u00a0Pridan\u00edm ni\u017e\u0161ie uveden\u00fdch vlastnost\u00ed sa font naraz renderuje \u00faplne inak a to ove\u013ea lep\u0161ie:<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<pre><span style=\"color: #0000ff;\">.selector {\r\n  -webkit-font-smoothing: antialiased;\r\n  text-shadow: transparent 0px 1px 1px;\r\n}<\/span><\/pre>\n<h2><span>Font Awesome<\/span><\/h2>\n<ul>\n<li><span>fortawesome.github.io\/Font-Awesome \u2013 ikony zadarmo aj na komer\u010dn\u00e9 \u00fa\u010dely.\u00a0<\/span><img decoding=\"async\" title=\"yes\" src=\"https:\/\/tomas.dankovi.info\/system\/files\/images\/smileys\/thumbs_up.gif\" alt=\"yes\" \/><\/li>\n<\/ul>\n<h2><span>Glyphicons<\/span><\/h2>\n<p><span>Zadarmo iba obr\u00e1zky vo form\u00e1te PNG.\u00a0<\/span><img decoding=\"async\" title=\"no\" src=\"https:\/\/tomas.dankovi.info\/system\/files\/images\/smileys\/thumbs_down.gif\" alt=\"no\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google Fonts Tipy pre sloven\u010dinu: Zvo\u013ete:\u00a0Latin Extended Na kontrolu vyu\u017eite Pangram (z gr\u00e9\u010dtiny \u201eka\u017ed\u00e9 p\u00edsmeno\u201c): &#8220;\u00a0Nech u\u017e hrie\u0161ne saxof\u00f3ny diablov rozzvu\u010dia sie\u0148 stra\u0161n\u00fdmi t\u00f3nmi waltzu, tang\u00e1 a quickstepu. 1234567890\u00a0&#8222; Vo\u013ete rad\u0161ej\u00a0u\u017e\u0161ie\u00a0p\u00edsmo (pri ve\u013emi \u0161irokom p\u00edsme sa zmest\u00ed na riadok m\u00e1lo znakov) Sekcia &#8220;\u00a0Quick Use\u00a0&#8220; zobrazuje r\u00fdchlos\u0165 na\u010d\u00edtania p\u00edsma\u00a0 Font Squirrel Font Squirrel umo\u017e\u0148uje aplikova\u0165 zvolen\u00fd [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-208","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=208"}],"version-history":[{"count":1,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/208\/revisions"}],"predecessor-version":[{"id":209,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/208\/revisions\/209"}],"wp:attachment":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}