{"id":982,"date":"2021-03-25T09:28:59","date_gmt":"2021-03-25T09:28:59","guid":{"rendered":"https:\/\/www.rackhost.hu\/blog\/?p=982"},"modified":"2021-08-11T13:42:50","modified_gmt":"2021-08-11T13:42:50","slug":"a-betutipusok-szerepe-es-hasznalata-a-weboldalon","status":"publish","type":"post","link":"https:\/\/www.rackhost.hu\/blog\/a-betutipusok-szerepe-es-hasznalata-a-weboldalon\/","title":{"rendered":"A bet\u0171t\u00edpusok szerepe \u00e9s haszn\u00e1lata a weboldalon"},"content":{"rendered":"<p><b>Bet\u0171t\u00edpusok jelent\u00e9se, t\u00edpusai<\/b><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">A bet\u0171t\u00edpusok nyomtat\u00e1sban vagy kijelz\u0151n megjelen\u00edthet\u0151 karakterk\u00e9szletek, amelyekben egys\u00e9ges st\u00edlus\u00fa karakterek alkotj\u00e1k a teljes ABC-t. Fontnak is nevezz\u00fck \u0151ket a sz\u00e1m\u00edt\u00f3g\u00e9pes k\u00f6rnyezetben.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">A f\u0151 t\u00edpusokat a k\u00f6vetkez\u0151k szerint k\u00fcl\u00f6nb\u00f6ztetj\u00fck meg:<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Talpas bet\u0171t\u00edpus<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">A nev\u00fcket term\u00e9szetesen a kin\u00e9zet\u00fck alapj\u00e1n kapt\u00e1k. Ezen bet\u0171t\u00edpusok sz\u00e1r\u00e1n\u00e1l talpak vannak, melyek seg\u00edtik az olvas\u00e1st az\u00e1ltal, hogy vezetik a szemet. Nem igaz\u00e1n javasolt alkalmaz\u00e1suk online fel\u00fcleten, nyomtatott anyagokn\u00e1l haszn\u00e1lj\u00e1k el\u0151szeretettel. K\u00f6nyvekben, \u00fajs\u00e1gokban gyakran tal\u00e1lkozhatunk vel\u00fck. Weboldalon maximum c\u00edmk\u00e9nt vagy c\u00edmsork\u00e9nt haszn\u00e1ljuk \u0151ket, de teljes sz\u00f6vegben ink\u00e1bb ne! Ismert talpas bet\u0171t\u00edpus p\u00e9ld\u00e1ul a Times New Roman.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Talpatlan bet\u0171t\u00edpus<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">A talpas bet\u0171t\u00edpusokkal ellent\u00e9tben a sz\u00e1rukn\u00e1l nincs talp. Jellemz\u0151j\u00fck, hogy kisebb m\u00e9retben is j\u00f3l olvashat\u00f3k. T\u00f6bbek k\u00f6z\u00f6tt mobilos weboldalakn\u00e1l aj\u00e1nlott, de mindenk\u00e9pp vegy\u00fck figyelembe, hogy ennek ellen\u00e9re ne legyen t\u00fal kicsi az alkalmazott bet\u0171m\u00e9ret, mert senki sem szereti a mini bet\u0171ket bogar\u00e1szni. Talpatlan bet\u0171t\u00edpus p\u00e9ld\u00e1ul az Arial.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Azt m\u00e1r tudjuk, hogy a talpas vagy talpatlan bet\u0171t\u00edpusok k\u00f6z\u00f6tt keresg\u00e9lj\u00fcnk, de sz\u00e1mtalan bet\u0171t\u00edpus \u00e1ll rendelkez\u00e9sre. M\u00e9gis mi alapj\u00e1n v\u00e1lasszunk?<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Bet\u0171t\u00edpusok keres\u00e9se \u00e9s let\u00f6lt\u00e9se<\/b><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.rackhost.hu\/tudasbazis\/online\/wordpress-tarhely-online\/hogyan-kezdjunk-neki-a-weboldalkeszitesnek\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Weboldal<\/span><\/a><span style=\"font-weight: 400;\"> bet\u0171t\u00edpusa eset\u00e9n fontos szempont, hogy st\u00edlusban passzoljon a tev\u00e9kenys\u00e9gi k\u00f6rh\u00f6z, filoz\u00f3fi\u00e1hoz, valamint legyen \u00f6sszhangban a c\u00e9g log\u00f3j\u00e1val \u00e9s a honlap eg\u00e9sz design-j\u00e1val. Term\u00e9szetesen nem szabad t\u00falz\u00e1sokba sem esni. Az olvashat\u00f3s\u00e1g legyen az els\u0151dleges szempont \u00e9s ne a kin\u00e9zet! Lehet egy kacskaring\u00f3s, k\u00e9z\u00edr\u00e1sra hajaz\u00f3 bet\u0171t\u00edpus nagyon sz\u00e9p \u00e9s st\u00edlus\u00e1ban j\u00f3l illeszkedhet a weboldalhoz, de egy\u00e1ltal\u00e1n nem j\u00f3 hossz\u00fa sz\u00f6vegeket olvasni, mely ilyen fonttal \u00edr\u00f3dott.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Gyakran el\u00e9g egy bet\u0171t\u00edpust v\u00e1lasztani a weboldalhoz, azt is meg tudjuk k\u00fcl\u00f6nf\u00e9lek\u00e9ppen jelen\u00edteni. J\u00e1tszhatunk a <\/span><a href=\"https:\/\/www.rackhost.hu\/blog\/milyen-szint-valasszunk-weboldalunkhoz\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">sz\u00edn\u00e9vel<\/span><\/a><span style=\"font-weight: 400;\">, m\u00e9ret\u00e9vel, lehet f\u00e9lk\u00f6v\u00e9r vagy d\u0151lt. Amennyiben mindenk\u00e9pp t\u00f6bb bet\u0171t\u00edpust szeretn\u00e9nk alkalmazni, akkor is tartsuk \u00e9szben a <em>kevesebb n\u00e9ha t\u00f6bb<\/em> alapszab\u00e1lyt \u00e9s maximum k\u00e9t bet\u0171t\u00edpust v\u00e1lasszunk. Arra viszont \u00fcgyelj\u00fcnk, hogy csak olyan fontot alkalmazzunk, amely t\u00e1mogatja a magyar nyelvet, azaz az \u00e9kezeteket is j\u00f3l meg tudja jelen\u00edteni.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Tal\u00e1lhatunk az interneten sz\u00e1mos oldalt, ahol megn\u00e9zhetj\u00fck a k\u00fcl\u00f6nf\u00e9le bet\u0171t\u00edpusokat, kipr\u00f3b\u00e1lhatjuk, hogyan mutatnak bizonyos sz\u00f6vegr\u00e9szleteink le\u00edrva. Pr\u00f3b\u00e1ljunk olyan szavakat be\u00edrni, amely minden magyar \u00e9kezetet tartalmaz, hogy ellen\u0151rizni tudjuk, j\u00f3l jelen\u00edti-e meg az adott bet\u0171t\u00edpus az \u00f6sszes \u00e9kezetes bet\u0171t. Adott esetben le is t\u00f6lthetj\u00fck a v\u00e1lasztott fontk\u00e9szleteket, sokat ingyenesen, de fizet\u0151sek is akadnak k\u00f6zt\u00fck. A legismertebb a google fonts oldal, ezt el\u0151szeretettel haszn\u00e1lj\u00e1k.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Bet\u0171t\u00edpus felismer\u00e9s<\/b><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">El\u0151fordul, hogy valahol l\u00e1ttunk egy sz\u00e1munkra megfelel\u0151 bet\u0171t\u00edpust, de nem tudjuk, hogy mi lehet a neve, hogyan tudn\u00e1nk r\u00e1keresni. Term\u00e9szetesen erre is van megold\u00e1s. L\u00e9teznek online programok, ahol \u00e1ltal\u00e1ban fot\u00f3t tudunk felt\u00f6lteni a k\u00e9rd\u00e9ses sz\u00f6vegr\u0151l \u00e9s ez alapj\u00e1n pr\u00f3b\u00e1lja meg sz\u00e1munkra azonos\u00edtani a bet\u0171t\u00edpust. Viszont ha egy weboldalon tal\u00e1lunk szimpatikus fontokat, akkor a jobb eg\u00e9rgomb seg\u00edts\u00e9g\u00e9vel k\u00f6nnyen megn\u00e9zhetj\u00fck a forr\u00e1sk\u00f3dban az alkalmazott bet\u0171t\u00edpust \u00e9s m\u00e1r tudjuk is, mit kell let\u00f6lten\u00fcnk.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Sok lehet\u0151s\u00e9g\u00fcnk van teh\u00e1t kiv\u00e1lasztani a honlapunkhoz megfelel\u0151 bet\u0171t\u00edpust, vagy bet\u0171t\u00edpusokat. Amit mindenk\u00e9pp tartsunk szem el\u0151tt az nem m\u00e1s, mint hogy a design ne menjen az olvashat\u00f3s\u00e1g rov\u00e1s\u00e1ra, valamint ebben az esetben is igaz <\/span><i><span style=\"font-weight: 400;\">a kevesebb n\u00e9ha t\u00f6bb<\/span><\/i><span style=\"font-weight: 400;\"> mond\u00e1s.<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bet\u0171t\u00edpusok jelent\u00e9se, t\u00edpusai &nbsp; A bet\u0171t\u00edpusok nyomtat\u00e1sban vagy kijelz\u0151n megjelen\u00edthet\u0151 karakterk\u00e9szletek, amelyekben egys\u00e9ges st\u00edlus\u00fa karakterek alkotj\u00e1k a teljes ABC-t. Fontnak is nevezz\u00fck \u0151ket a sz\u00e1m\u00edt\u00f3g\u00e9pes k\u00f6rnyezetben. &nbsp; A f\u0151 t\u00edpusokat a k\u00f6vetkez\u0151k szerint k\u00fcl\u00f6nb\u00f6ztetj\u00fck meg: &nbsp; Talpas bet\u0171t\u00edpus &nbsp; A nev\u00fcket term\u00e9szetesen a kin\u00e9zet\u00fck alapj\u00e1n kapt\u00e1k. Ezen bet\u0171t\u00edpusok sz\u00e1r\u00e1n\u00e1l talpak<\/p>\n<div class=\"post-permalink\">\n\t\t\t\t\t\t<a href=\"https:\/\/www.rackhost.hu\/blog\/a-betutipusok-szerepe-es-hasznalata-a-weboldalon\/\" class=\"btn btn-default\">Tov\u00e1bb<\/a><\/div>\n","protected":false},"author":4,"featured_media":1079,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[34],"class_list":["post-982","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-egyeb","tag-webdesign"],"_links":{"self":[{"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/posts\/982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/comments?post=982"}],"version-history":[{"count":1,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/posts\/982\/revisions"}],"predecessor-version":[{"id":984,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/posts\/982\/revisions\/984"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/media\/1079"}],"wp:attachment":[{"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/media?parent=982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/categories?post=982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rackhost.hu\/blog\/wp-json\/wp\/v2\/tags?post=982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}