{"id":314,"date":"2016-10-17T21:33:35","date_gmt":"2016-10-17T18:33:35","guid":{"rendered":"http:\/\/www.aakifb.com\/?p=314"},"modified":"2016-10-17T21:33:35","modified_gmt":"2016-10-17T18:33:35","slug":"google-fonts-turkce-karakter-sorunu","status":"publish","type":"post","link":"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/","title":{"rendered":"Google Fonts T\u00fcrk\u00e7e Karakter Sorunu"},"content":{"rendered":"

Merhabalar
\nT\u00fcrk\u00e7e karakterler web tasar\u0131m camiam\u0131z\u0131n kabuslar\u0131 oldu tabi \u015fu ana kadar. Normalde ne yapard\u0131k fontu indirip FontLab Studio ile editleyip projemize \u00f6yle dahil ederdik. Sonralarda\u00a0Google Font \u00e7\u0131kt\u0131 da rahat ettik. E tabi google font da yetmedi bu sefer de baz\u0131 fontlarda T\u00fcrk\u00e7e karakter problemimiz devam etti buna da \u00e7\u00f6z\u00fcm olarak fontun diline ‘Latin, Latin Extended’ karakter k\u00fcmelerini ekledik. Yer yer \u00e7\u00f6zd\u00fc tabi ki de ama… Baz\u0131 baz\u0131 onlar\u0131nda fayda etmedi\u011fini g\u00f6rd\u00fcm. Gelelim bu gibi durumlarda ki \u00e7\u00f6z\u00fcm\u00fcm\u00fcze.<\/p>\n

\u00d6rnek fontumuz ‘Lato’ olsun. Fontumuzu a\u015fa\u011f\u0131daki gibi css dosyam\u0131za ekliyoruz.<\/p>\n

@import url(‘https:\/\/fonts.googleapis.com\/css?family=Libre+Franklin<\/span>&subset=latin-ext’);<\/p>\n

fontumuzu kulland\u0131\u011f\u0131m\u0131z\u00a0alanlar genel olarak a\u015fa\u011f\u0131daki gibi oluyor.<\/p>\n

font-family: ‘Libre Franklin’, sans-serif;<\/p>\n

Bu k\u0131sma kadar zaten standart yapt\u0131\u011f\u0131m\u0131z \u015feyler. \u015eimdi sihirli bir dokunu\u015fla t\u00fcrk\u00e7e karakterleri d\u00fczeltece\u011fiz. Asl\u0131nda yapt\u0131rd\u0131\u011f\u0131m\u0131z birazda kand\u0131rma i\u015flemi. Nas\u0131l m\u0131 kand\u0131raca\u011f\u0131z? Biraz g\u00f6z zevkimize g\u00fcvenerek fontumuza yak\u0131n ‘Latin Extended’ destekli fontlar\u0131 filtreleyece\u011fiz. \u0130lk filtreyi fonts.google.com yard\u0131m\u0131 ile yap\u0131n (filtremele se\u00e7eneklerinde Languages b\u00f6l\u00fcm\u00fc var oradan se\u00e7ebilirsiniz.) Filtreleme sonucu \u00e7\u0131kan fontlardan g\u00f6z\u00a0zevkinize g\u00f6re embed kodlar\u0131n\u0131 ekleyin a\u015fa\u011f\u0131daki gibi<\/p>\n

@import url(‘https:\/\/fonts.googleapis.com\/css?family=Source+Sans+Pro:300,300i,400,400i,600,700&subset=latin-ext’);<\/p>\n

vee geldik son dokunu\u015fa. \u015eimdide e\u011fer\u00a0tema d\u00fczenliyorsan\u0131z ‘Libre Franklin’ fontunun ge\u00e7ti\u011fi\u00a0sat\u0131rlardaki ‘sans-serif’ fontu yerine t\u0131rnak i\u00e7inde ‘Source Sans Pro’ ile de\u011fi\u015ftirin. \u015eimdi kaydedin hadi ge\u00e7mi\u015f olsun \ud83d\ude42 Son hali<\/p>\n

@import url(‘https:\/\/fonts.googleapis.com\/css?family=Libre+Franklin<\/span>&subset=latin-ext’);
\n@import url(‘https:\/\/fonts.googleapis.com\/css?family=Source+Sans+Pro:300,300i,400,400i,600,700&subset=latin-ext’);<\/p>\n

body {
\nfont-family: ‘Libre Franklin’, sans-serif;
\n}<\/p>\n","protected":false},"excerpt":{"rendered":"

Merhabalar T\u00fcrk\u00e7e karakterler web tasar\u0131m camiam\u0131z\u0131n kabuslar\u0131 oldu tabi \u015fu ana kadar. Normalde ne yapard\u0131k fontu indirip FontLab Studio ile editleyip projemize \u00f6yle dahil ederdik. Sonralarda\u00a0Google Font \u00e7\u0131kt\u0131 da rahat ettik. E tabi google font da yetmedi bu sefer de baz\u0131 fontlarda T\u00fcrk\u00e7e karakter<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[75],"tags":[76,79,77,78],"jetpack_publicize_connections":[],"yoast_head":"\nGoogle Fonts T\u00fcrk\u00e7e Karakter Sorunu - aakifb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Fonts T\u00fcrk\u00e7e Karakter Sorunu - aakifb\" \/>\n<meta property=\"og:description\" content=\"Merhabalar T\u00fcrk\u00e7e karakterler web tasar\u0131m camiam\u0131z\u0131n kabuslar\u0131 oldu tabi \u015fu ana kadar. Normalde ne yapard\u0131k fontu indirip FontLab Studio ile editleyip projemize \u00f6yle dahil ederdik. Sonralarda\u00a0Google Font \u00e7\u0131kt\u0131 da rahat ettik. E tabi google font da yetmedi bu sefer de baz\u0131 fontlarda T\u00fcrk\u00e7e karakter\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/\" \/>\n<meta property=\"og:site_name\" content=\"aakifb\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-17T18:33:35+00:00\" \/>\n<meta name=\"author\" content=\"aakifb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"aakifb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/\",\"url\":\"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/\",\"name\":\"Google Fonts T\u00fcrk\u00e7e Karakter Sorunu - aakifb\",\"isPartOf\":{\"@id\":\"https:\/\/www.aakifb.com\/#website\"},\"datePublished\":\"2016-10-17T18:33:35+00:00\",\"dateModified\":\"2016-10-17T18:33:35+00:00\",\"author\":{\"@id\":\"https:\/\/www.aakifb.com\/#\/schema\/person\/0c6eac9c7ad76608b1cff2f2840fc0d7\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Ana sayfa\",\"item\":\"https:\/\/www.aakifb.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Fonts T\u00fcrk\u00e7e Karakter Sorunu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.aakifb.com\/#website\",\"url\":\"https:\/\/www.aakifb.com\/\",\"name\":\"aakifb\",\"description\":\"Ki\u015fisel Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.aakifb.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.aakifb.com\/#\/schema\/person\/0c6eac9c7ad76608b1cff2f2840fc0d7\",\"name\":\"aakifb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.aakifb.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e67eac18d9da4cd52c5526141d6657ca?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e67eac18d9da4cd52c5526141d6657ca?s=96&d=mm&r=g\",\"caption\":\"aakifb\"},\"url\":\"https:\/\/www.aakifb.com\/index.php\/author\/aakifb\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Google Fonts T\u00fcrk\u00e7e Karakter Sorunu - aakifb","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:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/","og_locale":"tr_TR","og_type":"article","og_title":"Google Fonts T\u00fcrk\u00e7e Karakter Sorunu - aakifb","og_description":"Merhabalar T\u00fcrk\u00e7e karakterler web tasar\u0131m camiam\u0131z\u0131n kabuslar\u0131 oldu tabi \u015fu ana kadar. Normalde ne yapard\u0131k fontu indirip FontLab Studio ile editleyip projemize \u00f6yle dahil ederdik. Sonralarda\u00a0Google Font \u00e7\u0131kt\u0131 da rahat ettik. E tabi google font da yetmedi bu sefer de baz\u0131 fontlarda T\u00fcrk\u00e7e karakter","og_url":"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/","og_site_name":"aakifb","article_published_time":"2016-10-17T18:33:35+00:00","author":"aakifb","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"aakifb","Tahmini okuma s\u00fcresi":"2 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/","url":"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/","name":"Google Fonts T\u00fcrk\u00e7e Karakter Sorunu - aakifb","isPartOf":{"@id":"https:\/\/www.aakifb.com\/#website"},"datePublished":"2016-10-17T18:33:35+00:00","dateModified":"2016-10-17T18:33:35+00:00","author":{"@id":"https:\/\/www.aakifb.com\/#\/schema\/person\/0c6eac9c7ad76608b1cff2f2840fc0d7"},"breadcrumb":{"@id":"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.aakifb.com\/index.php\/2016\/10\/17\/google-fonts-turkce-karakter-sorunu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Ana sayfa","item":"https:\/\/www.aakifb.com\/"},{"@type":"ListItem","position":2,"name":"Google Fonts T\u00fcrk\u00e7e Karakter Sorunu"}]},{"@type":"WebSite","@id":"https:\/\/www.aakifb.com\/#website","url":"https:\/\/www.aakifb.com\/","name":"aakifb","description":"Ki\u015fisel Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.aakifb.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"Person","@id":"https:\/\/www.aakifb.com\/#\/schema\/person\/0c6eac9c7ad76608b1cff2f2840fc0d7","name":"aakifb","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.aakifb.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e67eac18d9da4cd52c5526141d6657ca?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e67eac18d9da4cd52c5526141d6657ca?s=96&d=mm&r=g","caption":"aakifb"},"url":"https:\/\/www.aakifb.com\/index.php\/author\/aakifb\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pbvmez-54","_links":{"self":[{"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/posts\/314"}],"collection":[{"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/comments?post=314"}],"version-history":[{"count":1,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/posts\/314\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/posts\/314\/revisions\/315"}],"wp:attachment":[{"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/media?parent=314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/categories?post=314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.aakifb.com\/index.php\/wp-json\/wp\/v2\/tags?post=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}