CINXE.COM
2020’nin En İyi ve En Kötü Fontları — Horato
<!doctype html> <html lang="tr"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#" profile="http://dublincore.org/documents/2008/08/04/dc-html/"> <meta charset="utf-8"> <title>2020’nin En İyi ve En Kötü Fontları — Horato</title> <meta name="title" content="2020’nin En İyi ve En Kötü Fontları — Horato" /> <meta name="google-site-verification" content="EKKAHds4xxXz-u6SLLwdDF9gQ5mpVH580kYdp763h_8" /> <meta name="msvalidate.01" content="E58C6C177BF102C46819C5225B121967" /> <meta name="yandex-verification" content="6eb2d57884b38289" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="identifier-url" content="https://www.horato.com" /> <meta name="trustedsite-verification" content="6e9686fdedc092cc49558f65f13d4c9d"> <meta name="p:domain_verify" content="ce4121793e999dd0278d6968c7d3f90c"/> <meta name="description" content="Şık ve modern bir tasarım için hangi fontları tercih edebilirsiniz ve hangilerini kesinlikle tercih etmemelisiniz?" /> <meta name="keywords" content="baskervile, design, en iyi fontlar, font, graphic design, güzel fontlar, helvetica, iyi fontlar, karakter , kurumsal kimlik, kötü font, marka, sosyal medya, tasarım" /> <meta name="author" content="Horato Ltd. Şti." /> <meta name="language" content="TR" /> <meta name="copyright" content="© 2024 Horato Ltd. Şti." /> <meta name="robots" content="All" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="//cdn.horato.com" rel="dns-prefetch"> <link href="//fonts.googleapis.com" rel="dns-prefetch"> <link href="//ajax.googleapis.com" rel="dns-prefetch"> <link href="//google-analytics.com" rel="dns-prefetch"> <link href="//www.google-analytics.com" rel="dns-prefetch"> <link href="//s.w.org" rel="dns-prefetch"> <link rel="schema.DC" href="https://purl.org/dc/elements/1.1/"> <meta name="DC.Title" content="En İyi Web Tasarım Firması"> <meta name="DC.Title" content="Mobil Uygulama"> <meta name="DC.Title" content="Kurumsal Sosyal Medya Yönetimi"> <meta name="DC.Title" content="Ödüllü Web Tasarım ve Yazılım Şirketi"> <meta name="DC.Creator" content="Horato"> <meta name="DC.Subject" content="web tasarım, mobil uygulama"> <meta name="DC.Subject" content="sosyal medya yönetimi, sosyal medya kriz yönetimi"> <meta name="DC.Subject" content="marka oluşturma, logo tasarımı"> <meta name="DC.Subject" content="facebook reklam yönetimi, instagram reklam yönetimi"> <meta name="DC.Description" content="Horato, kurum ve şirketlere en iyi kullanıcı deneyimini sunan, ödüllü web tasarım ve mobil uygulama firmasıdır."> <meta name="DC.Publisher" content="Horato İnternet Teknolojileri A.Ş."> <meta name="DC.Type" content="Text"> <meta name="DC.Language" content="tr-TR"> <meta name="DC.Language" content="en"> <meta name="DC.Coverage" content="Turkey"> <link rel="DC.Rights" href="https://www.horato.com/tr/privacy"> <link rel="prefetch" href="https://www.horato.com/views/horato/_images/_social/horato_default.png?v=1.10" /> <link rel="prefetch" href="/files/foto/blog/2020/02/11/75_ft_md.jpg?1581430120" /> <link rel="prefetch" href="/files/foto/blog/2020/02/11/75_ft_big.jpg?1581430120" /> <link rel="author" href="https://plus.google.com/+Horato"/> <meta property="fb:pages" content="182136961840254" /> <link href="https://plus.google.com/+Horato/about" rel="publisher" /> <link rel="icon" href="/views/horato/assets/img/_icons/favicon_animated.gif?v=3.18" type="image/gif"> <link rel="shortcut icon" href="/views/horato/assets/img/_icons/favicon.ico?v=3.18" type="image/x-icon"> <link rel="icon" href="/views/horato/assets/img/_icons/favicon.ico?v=3.18" type="image/x-icon"> <link rel="canonical" href="https://www.horato.com/tr/post/2020-nin-en-iyi-ve-en-kotu-fontlari-75" /> <link rel="alternate" href="https://www.horato.com/tr/post/2020-nin-en-iyi-ve-en-kotu-fontlari-75" hreflang="tr-TR" /> <meta name="twitter:site" content="@horatointernet"> <meta name="twitter:creator" content="@horatointernet"> <meta property="fb:app_id" content="1057765381021046" /> <meta property="og:url" content="https://www.horato.com/tr/post/2020-nin-en-iyi-ve-en-kotu-fontlari-75" /> <meta property="og:description" content="Şık ve modern bir tasarım için hangi fontları tercih edebilirsiniz ve hangilerini kesinlikle tercih etmemelisiniz?" /> <meta property="og:locale:locale" content="tr_TR" /> <meta name="twitter:title" content="2020’nin En İyi ve En Kötü Fontları" /> <meta name="twitter:description" content="2020’nin En İyi ve En Kötü Fontları"> <meta name="twitter:image" content="/files/foto/blog/2020/02/11/75_ft_md.jpg?1581430120" /> <meta property="og:type" content="article" /> <meta property="og:title" content="2020’nin En İyi ve En Kötü Fontları"> <meta property="og:image" content="/files/foto/blog/2020/02/11/75_ft_md.jpg?1581430120"> <meta property="article:published_time" content="2017-04-31"> <meta property="article:author" content="https://www.facebook.com/horatointernet/"> <meta property="article:section" content="Tech"> <meta property="og:type" content="article"> <meta property="og:site_name" content="Horato"> <meta name="twitter:card" content="summary_large_image"> <link rel="amphtml" href="https://www.horato.com/tr/post/2020-nin-en-iyi-ve-en-kotu-fontlari-75?amp=1"> <link rel="stylesheet" href="/views/horato/assets/css/main.css?v=3.18" type="text/css" media="all"> <noscript><link rel="stylesheet" href="/views/horato/assets/css/main.css?v=3.18"></noscript> <script src="/views/horato/assets/js/_vendor/modernizr.js?v=3.18"></script> <script src="//cdn.jsdelivr.net/npm/jquery@1.11.2/dist/jquery.min.js"></script> <script defer async src="//ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js?v=3.18"></script> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script> <link rel="manifest" href="/manifest.json" /> <script> var OneSignal = window.OneSignal || []; OneSignal.push(function() { OneSignal.init({ appId: "0c20f69f-203e-4c76-85ba-9ccfe03c8dd2" }); }); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M5Q6GTX');</script> <!-- End Google Tag Manager --> </head> <body itemscope itemtype="http://schema.org/WebPage" class=" transparent post"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M5Q6GTX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <header class="site_header"> <h1 class="site_header__logo"><a href="/tr" title="Horato" class="site_header__logo--link">Horato İnternet Teknolojileri</a></h1> <div class="site_header__nav"> <nav class="site_header__nav__list"> <a href="/tr/case-studies" class="site_header__nav__list__item">SEÇİLMİŞ PROJELER</a> <a href="/tr/services" class="site_header__nav__list__item">HİZMETLER</a> <a href="/tr/updates" class="site_header__nav__list__item">GÜNLÜK</a> <a href="/tr/emergency" class="site_header__nav__list__item">ACİL DURUM</a> <a href="/tr/about" class="site_header__nav__list__item">HAKKIMIZDA</a> <a href="/tr/contact" class="site_header__nav__list__item">İLETİŞİM</a> </nav> <a href="/tr/start-a-project" onclick="fbq('track', 'ViewContent', {value: Start_a_Project_Button_Clicked,content_type: Customer_Leads});" class="btn btn__blue btn__med site_header__nav__start ripple">PROJE BAŞLATIN</a> </div> </header> <main class="site_main "> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "NewsArticle", "headline": "2020’nin En İyi ve En Kötü Fontları", "datePublished": "2020-02-11", "description": "Şık ve modern bir tasarım için hangi fontları tercih edebilirsiniz ve hangilerini kesinlikle tercih etmemelisiniz?", "dateModified": "2020-02-11", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.horato.com" }, "image": [ "https://www.horato.com/files/foto/blog/2020/02/11/75_ft_sm.jpg?1581430120" ], "author": { "@type": "Person", "name": "Horato Team" }, "publisher": { "@type": "Organization", "logo": { "@type": "ImageObject", "url": "https://www.horato.com/views/horato/_images/_social/horato_default.png?v=1.10" }, "name": "Horato" }, "aggregateRating": { "@type":"AggregateRating", "ratingValue":"4.8", "reviewCount":"21" }, "description": "Şık ve modern bir tasarım için hangi fontları tercih edebilirsiniz ve hangilerini kesinlikle tercih etmemelisiniz?" } </script> <div class="site_content post"> <div class="post-wrap"> <div class="post__screen full-view loadBgSource" data-layer="-0.001" data-src="/files/foto/blog/2020/02/11/75_ft_big.jpg?1581430120" style="background-image: url('/files/foto/blog/2020/02/11/75_ft_md.jpg?1581430120');"> <img src="/views/horato/assets/img/spacer.png?v=1.0" alt="" rel="nofollow" class="spacer"> <header class="post__screen__title"> <strong data-layer="0.27">Günlük</strong> <h1 class="post__screen__title--post" data-layer="0.35">2020’nin En İyi ve En Kötü Fontları</h1> <p data-layer="0.3">Tasarım</p> </header> <div data-layer="0.5"><div class="mouse"></div></div> </div> <div class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList"> <div class="container"> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="/" itemprop="url" class="breadcrumb__item"> <span itemprop="name" class="breadcrumb__item--title">Anasayfa</span> <meta itemprop="position" content="1" /> </a> </div> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="breadcrumb__child "> <a href="/tr/updates" itemprop="url" class="breadcrumb__item" itemscope itemtype="https://schema.org/WebPage"> <span itemprop="name" class="breadcrumb__item--title">Günlük</span> <meta itemprop="position" content="2" /> </a> <div itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="breadcrumb__child breadcrumb__child--last-item"> <a href="/tr/post/2020-nin-en-iyi-ve-en-kotu-fontlari-75" itemprop="url" class="breadcrumb__item" itemscope itemtype="https://schema.org/WebPage"> <span itemprop="name" class="breadcrumb__item--title">2020’nin En İyi ve En Kötü Fontları</span> <meta itemprop="position" content="2" /> </a> </div> </div> </div> </div> <article class="post__view"> <header class=" container center-aligned"> <p class="post__view__short post-padder">Şık ve modern bir tasarım için hangi fontları tercih edebilirsiniz ve hangilerini kesinlikle tercih etmemelisiniz?</p> </header> <div class="post__view__content container center-aligned" id="wysiwyg"> <p class="p1">Tasarımda kullandığınız fontun iyi olup olmadığını hissedebilirsiniz. İyi bir font, size sanki kendinize yakın bir arkadaş edinmişsiniz gibi hissettirirken, kötü bir font ise tam tersine yakanızdan düşmeyen bir illet ile baş etmeye çalışıyormuşsunuz gibi hissettirir. İyi bir font seçimi ile tasarımınız bir sanat eserine dönüşebilir. </p> <p class="p1">2020 yılındayız ve artık 10-15 yıl önceki gibi yalnızca işletim sistemi ile hazır yüklü gelen fontlarla sınırlı değiliz. İnternette, ücretli ve ücretsiz olarak bulunabilen binlerce font ve sürekli olarak yeni fontlar geliştiren yetenekli tasarımcılar mevcut. </p> <p class="p1">Ancak bu, her fontun iyi olduğu anlamına gelmiyor elbette! İnternette binlerce modası geçmiş, okunaksız ve çirkin fonta da rastlamak mümkün. Peki bir fontu iyi veya kötü olarak adlandırabilmenin kriteri nedir? Bazı fontların iyi, bazılarının ise kötü görünmesinin bilimsel nedenleri var. </p> <h2 class="p1" style="color: #000000; display: block; font-size: 20px; line-height: 40px; letter-spacing: 0.02em;"><strong>2020’de kullanabileceğiniz en iyi fontlar</strong></h2> <p class="p1">Öncelikle kullanabileceğiniz modern ve en iyi fontlara birkaç örnek verelim:</p> <ul class="ul1"> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/b/b1/DidotSP.png"><span class="s2">Didot</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/a/a0/ITCBodoni.png"><span class="s2">Bodoni</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/GaramondSpecimenA.svg/1200px-GaramondSpecimenA.svg.png"><span class="s2">Garamond</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Futura_Specimen.svg/1200px-Futura_Specimen.svg.png"><span class="s2">Futura</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/HelveticaSpecimenCH.svg/1200px-HelveticaSpecimenCH.svg.png"><span class="s2">Helvetica</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/d/d1/MrsEaves.png"><span class="s2">Mrs Eaves</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/1/16/BaskervilleSpec.svg/1200px-BaskervilleSpec.svg.png"><span class="s2">Baskerville</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/AkzidenzGroteskspecAIB1.svg/1200px-AkzidenzGroteskspecAIB1.svg.png"><span class="s2">Akzidenz-Grotesk</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Clarendon.svg/1200px-Clarendon.svg.png"><span class="s2">Clarendon</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/GillSansEG.svg/1200px-GillSansEG.svg.png"><span class="s2">Gill Sans</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/VerdanaSpecimen.svg/1200px-VerdanaSpecimen.svg.png"><span class="s2">Verdana</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/FrutigerSpec-1.svg/1200px-FrutigerSpec-1.svg.png"><span class="s2">Frutiger</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/FFDIN.svg/1200px-FFDIN.svg.png"><span class="s2">FF Din</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://www.marksimonson.com/assets/content/fonts/proxima_weights.png"><span class="s2">Proxima Nova</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://mir-s3-cdn-cf.behance.net/project_modules/disp/7175f717551785.562c11fba3345.jpg"><span class="s2">Uni Sans</span></a></span><span class="s3"><br /> </span></li> </ul> <p> </p> <h2 class="p1" style="color: #000000; display: block; font-size: 20px; line-height: 40px; letter-spacing: 0.02em;"><strong>En iyi fontları iyi yapan özellikler nelerdir?</strong></h2> <p class="p1">İyi fontlar, görüntü olarak birbirine benzemese de tasarım felsefesi olarak aynı temel özelliklere ve karakteristiklere sahiptir. Bunlar:</p> <p class="p2"> </p> <ul class="ul1"> <li class="li1">Karakter aralıkları</li> <li class="li1">Tutarlılık</li> <li class="li1">Denge</li> <li class="li1">Okunabilirlik</li> </ul> <p class="p2"> </p> <p class="p1">Gelin, bu özelliklere derinlemesine bir bakalım:</p> <p class="p1"><strong>Karakter aralığı</strong></p> <p class="p1">Karakter aralığı iki karakterin arasında bulunan boşluktur. Karakterleri arasında çok az boşluk bulunan veya karakterleri iç içe geçmiş fontlar iyi font sınıfına girmez. Aksine göze garip ve çirkin gelir. Futura ve Helvetica gibi fontlar uygun karakter aralıkları sayesinde bold veya light olması fark etmeksizin okuyucuyu rahatsız eden bir durum oluşturmaz ve temiz bir görünüm sergilerler. </p> <p class="p1"><strong>Tutarlılık </strong></p> <p class="p1">Tutarlılık, font içerisinde bulunan tüm harf, rakam ve diğer karakterlerin aynı görünümü koruduğu anlamına gelir. Yani bir fontun “A” harfi serif ise “B” harfi de serif olmalıdır. Benzer şekilde, fonttaki harfleri eğimli köşelere ve kalın hatlara sahip olup da rakam ve noktalama işaretleri bu özelliklere sahip değilse bu font tutarsızdır.</p> <p class="p1"><strong>Denge</strong></p> <p class="p1">Kalınlık - incelik ya da ağırlık - hafiflik gibi kavramların fontların oluşturulması aşamasında ortaya çıkan uyumları ile fontun sahip olduğu denge, iyi bir fontun önemli bir bileşenidir.</p> <p class="p1">Örneğin Didot, kalın ve ince konturlar arasında yakaladığı mükemmel varyasyonlar ile Bodoni güçlü ve sağlam dikey konturları ve ince eğimleri ile projelerde sıkça tercih edilen ve mükemmel dengeye sahip fontların başında gelir. </p> <p class="p1"><strong>Okunabilirlik</strong></p> <p class="p1">Bir fontun olmazsa olmazlarından biri de okunabilir olmasıdır. Okunamayan fontlar, oluşturduğu gereksiz kalabalık ile gözleri yorarken asıl resmi görmemizi engeller. Seçtiğiniz fontun okunabilir olup olmadığını anlamak için son kararı vermeden önce mutlaka başka kelimeler ve cümleler ile farklı kombinasyonlar deneyerek okunabilir olduğundan emin olun. Ardından boyutlandırın. Eğer font, çok küçük ve çok büyük alanlarda da okunabilirlik özelliğini taşıyorsa bir sonraki adıma geçebilirsiniz.</p> <p class="p1"> </p> <figure data-feedback="fb:likes, fb:comments"><img data-action="zoom" src="/files/editor_images/2020/02/eniyifontlar.jpg" alt="Horato" data-action="zoom" /></figure> <p> </p> <h2 class="p1" style="color: #000000; display: block; font-size: 20px; line-height: 40px; letter-spacing: 0.02em;"><strong>Mümkünse tasarımda asla kullanmamanız gereken en kötü fontlar</strong></h2> <p class="p2"> </p> <p class="p1">Bu aşağıdaki fontları tasarımınızda, kurumsal kimliğinizde vb. herhangi bir alanda kullanıyorsanız, size tek bir önerimiz var: Font seçiminizi değiştirin!</p> <p class="p2"> </p> <ul class="ul1"> <li class="li3"><span class="s1"><a href="https://en.wikipedia.org/wiki/Copperplate_Gothic#/media/File:CoppGothicSpec.svg"><span class="s2">Copperplate Gothic</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Times_New_Roman-sample.svg/1200px-Times_New_Roman-sample.svg.png"><span class="s2">Times New Roman</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Trajan_typeface_specimen.svg/1200px-Trajan_typeface_specimen.svg.png"><span class="s2">Trajan Pro</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d4/ComicSansSpec3.svg/1200px-ComicSansSpec3.svg.png"><span class="s2">Comic Sans</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Courier.svg/2000px-Courier.svg.png"><span class="s2">Courier</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8d/Papyrus_Font.svg/1200px-Papyrus_Font.svg.png"><span class="s2">Papyrus</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="http://www.fontriver.com/i/fonts/bonzai/bonzai_specimen.jpg"><span class="s2">Bonzai</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/en/4/45/Neuland_Inline.png"><span class="s2">Neuland-Inline</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/BSSpec.svg/1200px-BSSpec.svg.png"><span class="s2">Brush Script</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="http://www.identifont.com/samples2/itc/SouvenirMedium.gif"><span class="s2">Souvenir</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://cdnimg.fonts.net/CatalogImages/23/526760.png"><span class="s2">FF Blur</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Impact_font_sample_png.png/220px-Impact_font_sample_png.png"><span class="s2">Impact</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Trajan_typeface_specimen.svg/1200px-Trajan_typeface_specimen.svg.png"><span class="s2">Trajan Pro</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/4/46/CurlzSpec.svg/1200px-CurlzSpec.svg.png"><span class="s2">Curlz</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://i.pinimg.com/originals/23/3b/b4/233bb4fef22161be58f481aaeb097c62.jpg"><span class="s2">Jokerman</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="http://www.identifont.com/samples2/google/Lobster.gif"><span class="s2">Lobster</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="http://www.pickafont.com/images/fonts/large/b/Bleeding%20Cowboys.ttf.png"><span class="s2">Bleeding Cowboys</span></a></span><span class="s3"><br /> </span></li> <li class="li3"><span class="s1"><a href="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b1/ArialMTsp.svg/220px-ArialMTsp.svg.png"><span class="s2">Arial</span></a></span><span class="s3"><br /> </span></li> </ul> <p class="p2"> </p> <h2 class="p1" style="color: #000000; display: block; font-size: 20px; line-height: 40px; letter-spacing: 0.02em;"><strong>Peki, kötü fontları kötü yapan özellikler nelerdir?</strong></h2> <p class="p1">Yukarıda en iyi fontları iyi yapan özellikleri listelemiştik. Bu karakteristikleri taşımayan fontları iyi olarak adlandıramayacak olsak da bazı hususlar var ki hemen yukarıda bahsettiğimiz kötü fontları kötü yapıyorlar. Bunlar:</p> <p class="p2"> </p> <p class="p1"><strong>Aşırı kullanım</strong></p> <p class="p1">Bazı fontlar ortaya çıktığı andan itibaren o kadar fazla kullanılır ki bir süre sonra değerini kaybeder ve sıradanlaşır. Copperplate Gothic, Brush Script ve Souvenir, zaman içerisinde bu şekilde tahtını kaybetmeye yüz tutmuş fontların başında geliyor. Brush Script fontu 1940-1960 yılları arasında o kadar popülerdi ve o kadar çok kullanıldı ki bugün nerede görsek, bu fontun bize 70’leri hatırlattığı hissinden kurtulamayız. </p> <p class="p1"><strong>Okunaksız olması</strong></p> <p class="p1">Jokerman, Bleeding Cowboys ve bunlara benzer okunamayan fontların neredeyse tamamı evrensel olarak beğenilmiyor çünkü bu fontlar okuyucuyu metinden uzaklaştırıp kafa karıştıracak bir sürü işe yaramaz detayla doldurulmuş durumdalar. Çok kısıtlı kullanım alanına sahip ve neredeyse hiç tercih edilmeyen bu fontlar da en kötüler listesinde uzun zaman daha kalacak. </p> <p class="p2"> </p> <p class="p1"><strong>Sıkıcı olması</strong></p> <p class="p1">Bir fontu kötü yapan etkenlerin arasında, tasarımsal açıdan sıkıcı olması da bulunuyor. Bu fontları kötü olarak nitelememizi sağlayan şey ise onları çekici kılan hiçbir özellikleri yok. </p> <p class="p1">Arial, her ne kadar kurtarıcı font olarak bilinse de bir markaya veya tasarıma değer katmaz. İkincil font kullanım ihtiyacı olan durumlarda da vurgulamak istenen asıl mesajın önüne geçmeyecek ya da onu bastımayacak birçok font bulabilirsiniz. Arial hariç :)</p> <p class="p1"><strong>Taklit olması (-miş gibi görünmesi)</strong></p> <p class="p1">Yalnızca font değil, her konuda taklitten kaçınmak gerekiyor. Kötü fontların bazıları, doğrudan kötü olduklarını gizleme çabası ile yapılmıştır ve bu fontlar genellikle gördüğümüzde bize zaten bildiğimiz bir olguyu çağrıştırır. </p> <p class="p1">Örneğin Comic Sans, bize çizgi filmlerde gördüğümüz yazıları anımsatırken, filmlerde görmeye çok alıştığımız Courier ise daktiloyla yazılmış gibidir. Papyrus, Neuland-Inline ve Bonzai gibi bazı fontlar da belirli kültürlere yakın hissettirecek şekilde tasarlansa da ucuz ve sıradan görünür ve okuyucuda herhangi bir etki bırakmazlar.</p> <figure data-feedback="fb:likes, fb:comments"><img data-action="zoom" src="/files/editor_images/2020/02/fontss.jpg" alt="Horato" data-action="zoom" /></figure> <p> </p> <p class="p1"><strong>Tasarımınız için en iyi fontu seçmek</strong></p> <p class="p2"> </p> <p class="p1">Kötü font seçiminin sonucu çoğunlukla kötü olsa da iyi fontlardan birini seçmeniz de eğer bu font projeye (tasarım, marka kimliği vb.) uygun değilse projenizi doğrudan iyi yönde etkilemeyebilir. </p> <p class="p2"> </p> <p class="p1"><strong>Kullanacağınız fontun projenize uygun olması için:</strong></p> <ul class="ul1"> <li class="li1">İyi hazırlanmış ve estetik olarak güzel olması</li> <li class="li1">Ve marka kimliğiyle uyumlu olması gerekir</li> </ul> <p class="p1">Genellikle Mrs Eaves ya da Baskerville gibi serif fontları lüks markalarda sıklıkla görürken, Akzidenz-Grotesk tarzı sans serif fontlar ise daha günlük markalar tarafından tercih ediliyor. Eğer oluşturulacak markanın el yazısı ya da çizimi benzeri daha özel bir fonta ihtiyacı olduğunu düşünüyorsanız ücretli ve daha sofistike fontlara yönelebilirsiniz.</p> <p class="p2"> </p> <p class="p1">Sonuç olarak projeniz için seçtiğiniz fonta bakın ve kendinize, “Bu fontu kolayca okuyabiliyor muyum?” ve “Bu font markayı yansıtıyor mu?” sorularını sorun.</p> <p class="p2"> </p> <p class="p1">Yanıt her ikisi için de evet ise tebrikler, fontunuzu buldunuz. Değilse en uygununu bulana kadar denemeye devam edin. Bol şans!</p> <footer class="post__view__footer"> <span class="post__view__footer__txt"><strong>Bu yazıyı nasıl buldunuz?</strong> Beğenin ve Paylaşın</span> <div class="row"> <div class="col-xs-6 start-xs end-sm"> <div class="post__view__footer__like"> <div class="post__view__footer__like--icon"> <div class="like-me " id="like-div" data-title="21 Beğeni" data-title-thanks="Teşekkürler!" onclick="postBegen();"> <span class="icon"><i class="icon icon-love"></i></span> <div class="border"><span></span></div> <div class="border2"><span></span></div> <div class="spark"> <span></span><span></span><span></span><span></span> <span></span><span></span><span></span><span></span> <span></span><span></span><span></span><span></span> <span></span><span></span><span></span><span></span> <span></span><span></span><span></span><span></span> </div> <div class="spark-2"> <span></span><span></span><span></span><span></span> <span></span><span></span><span></span><span></span> <span></span><span></span><span></span><span></span> <span></span><span></span><span></span><span></span> <span></span><span></span><span></span><span></span> </div> </div> </div> </div> </div> <div class="col-xs-6 end-xs start-sm"> <div class="post__view__footer__share"> <div class="post__view__footer__share__share-btn"> <div class="total-count"><span class="icon"><i class="icon icon-share"></i></span> <span class="counter c_facebook c_plus c_vk c_linkedin c_twitter"></span> Paylaşım</div> </div> </div> </div> </div> </footer> </div> <div class="case__nav"> <div class="case__nav__wrap"> <nav class="case__nav__list container middle-xs row center-aligned"> <a href="/tr/post/uzaktan-calisirken-verimliliginizi-artiracak-ipuclari-76" class="col-xs-5 start-xs"><i class="icon icon-right-arrow"></i> <span>Önceki Yazı</span></a> <a href="/tr/updates" class="col-xs-2 center-xs"><i class="icon icon-squares"></i> <span>Tüm Yazılar</span></a> <a href="/tr/post/markalarin-dikkat-ceken-kadinlar-gunu-reklamlari-30" class="col-xs-5 end-xs"><span>Sonraki Yazı</span> <i class="icon icon-right-arrow"></i></a> </nav> </div> </div> </article> </div> <section class="updates"> <h2 class="header-txt withSpacing">İlgili Yazılar</h2> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 update__item"> <article class="updates__item"> <span class="updates__item__time"><span>Web & Yazılım</span><em class="time">3 YIL ÖNCE</em></span> <h3 class="updates__item__title">Horato, 2021'in En İyi Yazılım Firması Ödülüne Layık Görüldü</h3> <p class="updates__item__text">Clutch, Türkiye'nin Liderleri Kategorisinde, Horato'yu En İyi Türk Yazılım Şirketi Ödülüne Layık Gördü...</p> <span class="updates__item__read-more no-print">DEVAMINI OKU</span> <a href="/tr/post/horato-2021-in-en-iyi-yazilim-firmasi-odulune-layik-goruldu-77" class="updates__item--link"></a> </article> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 update__item"> <article class="updates__item"> <span class="updates__item__time"><span>Teknoloji</span><em class="time">4 YIL ÖNCE</em></span> <h3 class="updates__item__title">Uzaktan çalışırken verimliliğinizi artıracak ipuçları</h3> <p class="updates__item__text">Eğer evden/uzaktan çalışırken verimlilik konusunda problem yaşıyorsanız, size birkaç tavsiyemiz var!</p> <span class="updates__item__read-more no-print">DEVAMINI OKU</span> <a href="/tr/post/uzaktan-calisirken-verimliliginizi-artiracak-ipuclari-76" class="updates__item--link"></a> </article> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 update__item"> <article class="updates__item"> <span class="updates__item__time"><span>Web & Yazılım</span><em class="time">4 YIL ÖNCE</em></span> <h3 class="updates__item__title">Gece Modu Nedir? Hangi Uygulamalarda Nasıl Kullanılır?</h3> <p class="updates__item__text">iOS’tan Android’e, Instagram’dan Twitter’a birçok platformun sunduğu "gece modu" nedir, kullanıcılara neler sağlar?</p> <span class="updates__item__read-more no-print">DEVAMINI OKU</span> <a href="/tr/post/gece-modu-nedir-hangi-uygulamalarda-nasil-kullanilir-74" class="updates__item--link"></a> </article> </div> </div> </div> </section> </div> <div id="showShareList" class="share-list"> <div class="share-list__wrap"> <div class="share-list__wrap__items"> <div class="share-list__wrap__update" style="background-image: url('/files/foto/blog/2020/02/11/75_ft_md.jpg?1581430120');"> <div class="share-list__wrap__update__title"> <em>BU YAZIYI PAYLAŞIN</em> <strong>2020’nin En İyi ve En Kötü Fontları</strong> </div> <span class="close-share"><i class="icon icon-close"></i></span> </div> <div class="share-list__wrap__social-links"> <a href="javascript:void(0);" class="btn-fb share s_facebook" data-tooltip-pos="left" data-tooltip="Facebook'ta Paylaş"><i class="icon icon-facebook"></i> Facebook</a> <a href="javascript:void(0);" class="btn-twitter share s_twitter" data-tooltip-pos="left" data-tooltip="Tweetle"><i class="icon icon-twitter"></i> Twitter</a> <a href="javascript:void(0);" class="btn-linkedin share s_linkedin" data-tooltip-pos="left" data-tooltip="Linkedin'de Paylaş"><i class="icon icon-linkedin"></i> Linkedin</a> <a href="/cdn-cgi/l/email-protection#9ba4c8eef9f1fef8efa6a9aba9abbde9e8eaeef4a0f5f2f5bbdef5bb5f2be2f2bbedfebbdef5bbd0bdf4eef6f7a0efbdeeeef6f7a0bbddf4f5eff7fae95f2abdd9f4ffe2a6a9aba9abbde9e8eaeef4a0f5f2f5bbdef5bb5f2be2f2bbedfebbdef5bbd0bdf4eef6f7a0efbdeeeef6f7a0bbddf4f5eff7fae95f2abeabdabeabda5e055f2af0bbedfebbf6f4fffee9f5bbf9f2e9bbeffae8fae95f2af6bbf2bdf8f8fefff2f7a0f2f5bbf3faf5fcf2bbfdf4f5eff7fae95f2abbeffee9f8f2f3bbfefffef9f2f7f2e9e8f2f5f2e1bbedfebbf3faf5fcf2f7fee9f2f5f2bbf0fee8f2f5f7f2f0f7febbeffee9f8f2f3bbfeeff6fef6fef7f2e8f2f5f2e1a4beabdabeabdaf3efefebe8a1b4b4f3e9efb5fde2f2b4f9ece3" data-tooltip-pos="left" data-tooltip="Bu yazıyı e-posta ile gönderin" class="btn-mail"><i class="icon icon-email"></i> E-posta</a> </div> <span class="share-list__wrap__divider">DIREK BAĞLANTI</span> <div class="share-list__wrap__direct-link"> <input type="url" onmouseover="this.select();" value="https://hrt.fyi/bwx" placeholder="https://hrt.fyi/bwx"> <div class="copyclip"> <span class="copyclip__text" id="copyUrl" data-tooltip-pos="right" data-tooltip="Linki Kopyala" data-clipboard-text="https://hrt.fyi/bwx"><i class="sicon sicon-note"></i> Kopyala</span> </div> </div> </div> </div> </div> </main> <footer class="site_footer"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <strong class="site_footer__header first-child" data-status="0">Site Haritası</strong> <ul class="site_footer__list multi-list open_list"> <li class="site_footer__list__item"><a href="/tr" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Anasayfa'});" class="site_footer__list__item--link">Anasayfa</a></li> <li class="site_footer__list__item"><a href="/tr/case-studies" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Seçilmiş Çalışmalar'});" class="site_footer__list__item--link">Seçilmiş Projeler</a></li> <li class="site_footer__list__item"><a href="/tr/services" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Hizmetler'});" class="site_footer__list__item--link">Hizmetler</a></li> <li class="site_footer__list__item"><a href="/tr/updates" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Gunluk'});" class="site_footer__list__item--link">Günlük</a></li> <li class="site_footer__list__item"><a href="/tr/emergency" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Acil Durum'});" class="site_footer__list__item--link">Acil Durum</a></li> <li class="site_footer__list__item"><a href="/tr/about" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Hakkimizda'});" class="site_footer__list__item--link">Hakkımızda</a></li> <li class="site_footer__list__item"><a href="/tr/contact" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Iletisim'});" class="site_footer__list__item--link">İletişim</a></li> <li class="site_footer__list__item"><a href="/tr/start-a-project" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Proje Baslat'});" class="site_footer__list__item--link">Proje Başlatın</a></li> <li class="site_footer__list__item"><a href="/tr/jobs" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Is ilanlari'});" class="site_footer__list__item--link">İş İlanları</a></li> </ul> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> <strong class="site_footer__header" data-status="0">Legal</strong> <ul class="site_footer__list open_list"> <li class="site_footer__list__item"><a href="/tr/privacy" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Gizlilik'});" class="site_footer__list__item--link">Gizlilik İlkesi</a></li> <li class="site_footer__list__item"><a href="/tr/cookies" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Çerez'});" class="site_footer__list__item--link">Çerez Kullanımı</a></li> <li class="site_footer__list__item"><a href="/tr/analytics" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Analytics'});" class="site_footer__list__item--link">Google Analytics</a></li> <li class="site_footer__list__item"><a href="/tr/kvk" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'KVK'});" class="site_footer__list__item--link">KVK Aydınlatma Metni</a></li> </ul> </div> <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12"> <strong class="site_footer__header" data-status="0">Bizi Takip Edin</strong> <ul class="site_footer__list open_list"> <li class="site_footer__list__item"><a href="https://www.facebook.com/horatointernet" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Facebook'});" target="_blank" class="site_footer__list__item--link">Facebook</a></li> <li class="site_footer__list__item"><a href="https://www.linkedin.com/company/horato" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Linkedin'});" target="_blank" class="site_footer__list__item--link">Linkedin</a></li> </ul> </div> <div class="col-lg-3 col-md-3 col-xs-12 end-lg end-md"> <strong class="site_footer__header" data-status="0">Bize Yazın</strong> <div class="site_footer__contact open_list"> <div class="site_footer__mail"> <a href="/cdn-cgi/l/email-protection#1e383d2f2e2a25383d2f2e2f25383d2f2e2625383d2f2e2625383d2f2f2f25383d2e282a25383d2f2e2a25383d2f2f2f25383d2f2f2a25383d2e272925383d2f2f2825383d2f2f2f25383d2e2a2825383d2e272725383d2f2f2f25383d2f2e2725" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'E-posta'});">hello@horato.com</a> <small>7/24 AÇIK</small> </div> <div class="site_footer__phone"> <a href="tel:+903129998099" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Telefon'});">+90 (312) 999 8099</a> <small>PZT-CUM 09:00 - 17:00 ARASI</small> </div> <div class="site_footer__address r"> <address>Beştepe Mah. Armada Is Merkezi A Blok No:6/1 Yenimahalle, 06520, Ankara</address> <a href="https://maps.app.goo.gl/86yNmAdDiTTv9ZP17" onclick="ga('send', 'event', { eventCategory: 'Footer', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Yol Tarifi'});" target="_blank">YOL TARİFİ ALIN</a> </div> </div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script> <div class="clutch_box"> <div class="clutch-widget" data-url="https://widget.clutch.co" data-widget-type="2" data-height="50" data-clutchcompany-id="1103024"></div> </div> <details class="site_footer__tags"> <summary><h3>Türkiye'nin En İyi Web Tasarım ve Yazılım Firması</h3></summary> <p>Kurumsal web tasarım ve yazılım firması Horato, SEO ve mobil uyumlu profesyonel web site tasarımları ile bir çok Altın örümcek ödülü almıştır.</p> <ul class="site_footer__tags__list"> <li class="site_footer__tags__list__item"><a href="/tr/services/ui">web tasarım firması</a></li> <li class="site_footer__tags__list__item"><a href="/tr/services/ux">kullanıcı deneyimi testleri (UX)</a></li> <li class="site_footer__tags__list__item"><a href="/tr/services/mobile-apps">mobil uygulama firması</a></li> <li class="site_footer__tags__list__item"><a href="/tr/post/yazilim-mimarisi-software-architecture-60">yazılım firması</a></li> <li class="site_footer__tags__list__item"><a href="/tr/services/e-commerce">eticaret yazılımı</a></li> <li class="site_footer__tags__list__item"><a href="/tr/services/consulting">online müşteri memnuniyeti danışmanlığı</a></li> <li class="site_footer__tags__list__item"><a href="/tr/services/wearable-apps">iwatch uygulama</a></li> <li class="site_footer__tags__list__item"><a href="/tr/services/branding">kurumsal kimlik ve marka oluşturma</a></li> <li class="site_footer__tags__list__item"><a href="/tr/services/social-media">profesyonel sosyal medya yönetimi</a></li> <li class="site_footer__tags__list__item"><a href="/tr">Altın Örümcek Ödüllü Web Tasarım Şirketi</a></li> <li class="site_footer__tags__list__item"><a href="/tr/case-studies">ödüllü web tasarım ajansı</a></li> <li class="site_footer__tags__list__item"><a href="/tr/services/branding">kurumsal kimlik ve logo</a></li> <li class="site_footer__tags__list__item"><a href="/tr/case-studies">kurumsal web tasarımı</a></li> <li class="site_footer__tags__list__item"><a href="/tr/post/15-altin-orumcek-odulleri-nde-finaldeyiz-oylama-basladi-42">altın örümcek ödülleri</a></li> </ul> </details> <div class="row site_footer__copyright middle-xs"> <div class="col-lg-4 col-md-4 visible-xl visible-lg visible-md hidden-sm hidden-xs"><strong>Horato</strong>, Ankara Ticaret Odası kayıtlı Anonim Şirketidir.<br>Maltepe V.D, 4631203513</div> <div class="col-lg-4 col-md-4 col-xs-12 col-sm-6 center-md start-sm center-xs"><span class='site_footer__copyright--love'>Ankara'da <i class='icon icon-love'></i> ile yapıldı.</span></div> <div class="col-lg-4 col-md-4 col-xs-12 col-sm-6 end-sm center-xs">Horato A.Ş. © 2010—2024.<br>Tüm Hakları Saklıdır.</div> </div> </div> </footer> <div class="mobile_nav"> <div class="burger"> <div class="burger__patty"></div> <div class="burger__patty"></div> <div class="burger__patty"></div> <span class="burger__txt" onclick="ga('send', 'event', { eventCategory: 'Mobile Menu', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Mobile Menu Tıklandı'});" data-open="MENÜ" data-close="KAPAT"></span> </div> <nav class="menu"> <div class="menu__brand loadBgSource" data-src="/views/horato/assets/img/cover@2x.jpg" style="background-image: url('/views/horato/assets/img/cover.jpg');"> </div> <ul class="menu__list"> <li class="menu__item"><a href="/tr/case-studies" onclick="ga('send', 'event', { eventCategory: 'Mobile Menu', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Seçilmiş Projeler'});" class="menu__link">SEÇİLMİŞ PROJELER</a></li> <li class="menu__item"><a href="/tr/services" onclick="ga('send', 'event', { eventCategory: 'Mobile Menu', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Hizmetler'});" class="menu__link">HİZMETLER</a></li> <li class="menu__item"><a href="/tr/updates" onclick="ga('send', 'event', { eventCategory: 'Mobile Menu', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Gunluk'});" class="menu__link">GÜNLÜK</a></li> <li class="menu__item"><a href="/tr/emergency" onclick="ga('send', 'event', { eventCategory: 'Mobile Menu', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Acil Durum'});" class="menu__link">ACİL DURUM</a></li> <li class="menu__item"><a href="/tr/about" onclick="ga('send', 'event', { eventCategory: 'Mobile Menu', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Hakkimizda'});" class="menu__link">HAKKIMIZDA</a></li> <li class="menu__item"><a href="/tr/contact" onclick="ga('send', 'event', { eventCategory: 'Mobile Menu', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Iletisim'});" class="menu__link">İLETİŞİM</a></li> <li class="menu__item"><a href="/tr/start-a-project" onclick="ga('send', 'event', { eventCategory: 'Mobile Menu', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Proje Baslat'});" class="menu__link">PROJE BAŞLATIN</a></li> <li class="menu__item"><a href="/tr/jobs" onclick="ga('send', 'event', { eventCategory: 'Mobile Menu', eventAction: 'Tiklamalar', eventLabel: 'TR', eventValue: 'Is Ilanlari'});" class="menu__link">İŞ İLANLARI</a></li> </ul> </nav> </div> <div class="screenOption"> <div class="screenOption__center"> <img src="/views/horato/assets/img/_icons/vertical_phone.svg" alt=""> <span class="screenOption__txt">EN İYİ DENEYİM İÇİN TELEFONUNUZU DİKEY BOYUTA GETİRİNİZ</span> <div class="screenOption__continue" onclick="$('.screenOption').hide();setCookie('screenOption',1,1);">Hayır, Bu şekilde kullanmaya devam edeceğim.</div> </div> </div> <script defer src="/views/horato/assets/js/_plugins/common.js?v=3.18" data-turbolinks-track="reload"></script> <script defer src="/views/horato/assets/js/main.js?v=3.18"></script> <script defer src="/views/horato/assets/js/_pages/post.js"></script> <script> $(document).ready(function(){ $('.share').ShareLink({ title: '2020’nin En İyi ve En Kötü Fontları', text: 'Şık ve modern bir tasarım için hangi fontları tercih edebilirsiniz ve hangilerini kesinlikle tercih etmemelisiniz?', image: 'https://www.horato.com/files/foto/blog/2020/02/11/75_ft_sm.jpg?1581430120', url: 'https://hrt.fyi/bwx', width: 640, height: 640 }); $('.counter').ShareCounter({ url: 'https://hrt.fyi/bwx', increment: true }); $('.post__view__footer__share__share-btn').click(function(e) { e.preventDefault(); $('#showShareList').toggleClass('active'); }); $('.close-share').click(function(e) { e.preventDefault(); $('#showShareList').toggleClass('active'); }); var copyUrl = document.getElementById('copyUrl'); var clipboard = new Clipboard(copyUrl); clipboard.on('success', function(e) { console.info('Action:', e.action); console.info('Text:', e.text); console.info('Trigger:', e.trigger); $('#copyUrl').text('Kopyalandı'); setTimeout(function(){ $('#copyUrl').html('<i class="sicon sicon-note"></i> Kopyala'); }, 2000); e.clearSelection(); }); $("#wysiwyg").find("p:first").addClass("first"); }); function postBegen() { var button = $('#like-div'); if(button.hasClass('active')) { $.get("/tr/post/2020-nin-en-iyi-ve-en-kotu-fontlari-75/unlike", function(data) { if($.isNumeric(data)) { button.removeClass("active"); button.attr("data-title", data + ' Beğeni'); } }); } else { $.get("/tr/post/2020-nin-en-iyi-ve-en-kotu-fontlari-75/like", function(data) { if($.isNumeric(data)) { button.addClass("active"); button.attr("data-title", data + ' Beğeni'); } }); } } </script> <script id="hs-script-loader" async defer src="//js.hs-scripts.com/4101397.js"></script> <script type="text/javascript"> function alertBox(mesaj, tipGelen) { var tip = ''; switch(tipGelen) { case "info": tip = 'Bilgi'; break; case "success":tip = 'Teşekkürler!';break; case "error":tip = 'Hata';break; case "warning":tip = 'Uyarı';break; default:tip = 'Bilgi';break; } alertMe.alert({title: tip, content: mesaj, alertBtnText: 'Tamam'}); } function notifBox(mesaj, tipGelen) { $('#alertbox').attr("data-tip", tipGelen); $('#notif-p').html(mesaj); $('#alertbox').fadeIn(300); setTimeout(function() {$('.alert-box').fadeOut(360);}, 8000); } OneSignal.push(["addListenerForNotificationOpened", function(data) { OneSignal.getUserId( function(userId) { console.log("OneSignal User ID:", userId); ga('send', 'event', 'Notification_Clicked', data.id, userId); }); }]); OneSignal.push(function() { OneSignal.on('subscriptionChange', function (isSubscribed) { OneSignal.getUserId( function(userId) { console.log("OneSignal User ID:", userId); ga('send', 'event', 'Subscription_Change', isSubscribed, userId); }); }); }); $(document).ready(function() { $('body').ihavecookies({ title: '🍪 Çerez Politikamız Hakkında', message: "Sizlere daha iyi bir ziyaret deneyimi sunabilmek icin sitemizde çerez konumlandırmaktayız, kullanmaya devam ettiğinizde çerezler ile toplanan kişisel verileriniz <a href='/privacy'>Gizlilik İlkemiz</a> ve <a href='/cookies'>Çerez Politikamızda</a> belirtilen amaçlar ve yöntemlerle mevzuatına uygun olarak kullanılacaktır.", delay: 600, expires: 30, link: '/cookies', onAccept: function(){ var myPreferences = $.fn.ihavecookies.cookie(); console.log('Teşekkürler! Çerez ayarlarınız yapıldı. [❤ Horato]'); console.log(myPreferences); }, cookieTypes: [ { type: 'Analitik', value: 'analytics', description: 'Site ziyaretleri, tarayıcı versiyonları, kullanım testleri gibi verileri görüntülemede kullandığımız çerezlerdir.' }, { type: 'Pazarlama', value: 'marketing', description: 'Sosyal medya, canlı destek ve site içi bildirimler gibi pazarlama araçlarında kullandığımız çerezlerdir.' } ], uncheckBoxes: false, acceptBtnLabel: 'Anladım', advancedBtnLabel: 'Çerez Ayarları', necessaryTitle: 'Bu çerezler site içerisinde kullanılan ayarlar için gereklidir. Örneğin; animasyon ayarları, site renkleri, v.b.', necessaryLabel: 'Gerekli Çerezler', CerezAyarTitle: 'Kabul ettiğiniz çerezleri belirleyin' }); }); </script> <div role="alertdialog" class="alert-box" data-tip="" style="display: none;" id="alertbox"> <div role="alert" class="alert-box__wrap"> <p class="alert-box__txt" id="notif-p"></p> </div> </div> </body> </html>