{"id":33671,"date":"2022-07-22T11:10:00","date_gmt":"2022-07-22T08:10:00","guid":{"rendered":"https:\/\/www.natro.com\/blog\/?p=33671"},"modified":"2023-02-22T18:30:04","modified_gmt":"2023-02-22T15:30:04","slug":"htmlde-yazi-tipi-nasil-degistirilir","status":"publish","type":"post","link":"https:\/\/www.natro.com\/blog\/htmlde-yazi-tipi-nasil-degistirilir\/","title":{"rendered":"HTML&#8217;de Yaz\u0131 Tipi Nas\u0131l De\u011fi\u015ftirilir?"},"content":{"rendered":"\n<p>SEO \u00e7al\u0131\u015fmalar\u0131nda kullan\u0131lan HTML yaz\u0131 tipleri, web sitelerinin ilk izlenimlerinde olduk\u00e7a b\u00fcy\u00fck bir \u00f6neme sahiptir. \u0130\u00e7eriklerin okunabilir olmas\u0131, g\u00f6zlerin yorulmamas\u0131 ve okuyucular\u0131n web sitelerinde daha fazla vakit ge\u00e7irmesi i\u00e7in uygun bir yaz\u0131 stilinin kullan\u0131lmas\u0131 gerekir. Siteye t\u0131klayan ziyaret\u00e7i say\u0131s\u0131n\u0131n da artmas\u0131na yard\u0131mc\u0131 olan yaz\u0131 stillerinin HTML\u2019de de\u011fi\u015ftirilmesi m\u00fcmk\u00fcnd\u00fcr. Web sitenizin trafi\u011fini art\u0131rmak i\u00e7in tarz\u0131n\u0131za uygun bir se\u00e7im yapabilirsiniz. \u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-html-yazi-tipi-neden-onemlidir\"><span id=\"html-yazi-tipi-neden-onemlidir\">HTML Yaz\u0131 Tipi Neden \u00d6nemlidir?<\/span><\/h2>\n\n\n\n<p>Web sitelerinin g\u00f6rsel tasar\u0131m\u0131, markalar\u0131n kimli\u011fini \u00f6ne \u00e7\u0131karmas\u0131nda b\u00fcy\u00fck rol oynar. Font gruplar\u0131n\u0131n kurumsal kimlik ile sa\u011flad\u0131\u011f\u0131 b\u00fct\u00fcnl\u00fck, m\u00fc\u015fterilerin markay\u0131 alg\u0131lama bi\u00e7imini de etkiler.<\/p>\n\n\n\n<p>\u00c7ok k\u00fc\u00e7\u00fck ya da tam tersine \u00e7ok b\u00fcy\u00fck, karma\u015f\u0131k, okunmas\u0131 zor yaz\u0131 tipleri, ziyaret\u00e7ilerin web sitesini k\u0131sa s\u00fcrede terk etmesine de neden olabilir. Ayr\u0131ca sitenin genel g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc de k\u00f6t\u00fc etkileyebilir. Ziyaret\u00e7ilerin a\u015fina oldu\u011fu, \u00e7o\u011fu web sitesi taraf\u0131ndan kullan\u0131lan pop\u00fcler yaz\u0131 fontlar\u0131 ise ziyaret\u00e7ilerin i\u00e7erikleri daha kolay okumas\u0131na olanak tan\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-html-yazi-tipi-nasil-degistirilir\"><span id=\"html-yazi-tipi-nasil-degistirilir\">HTML Yaz\u0131 Tipi Nas\u0131l De\u011fi\u015ftirilir?<\/span><\/h2>\n\n\n\n<p>HTML etiketlerinin g\u00f6rsel a\u00e7\u0131dan geli\u015ftirilmesine olanak tan\u0131yan CSS, yaz\u0131 tipinin belirli bir boyut, renk ve bi\u00e7imde olmas\u0131n\u0131 sa\u011flar. CSS sayesinde gereksiz kod yazmaya gerek kalmadan etiketlerle yaln\u0131zca font de\u011fil, renk ve boyut da ayarlanabilir.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"847\" height=\"565\" src=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri.jpg\" alt=\"\" class=\"wp-image-33673\" srcset=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri.jpg 847w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-300x200.jpg 300w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-768x512.jpg 768w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-380x253.jpg 380w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-800x534.jpg 800w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-760x507.jpg 760w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-600x400.jpg 600w\" sizes=\"(max-width: 847px) 100vw, 847px\" \/><\/figure>\n\n\n\n<p>Yaz\u0131 tipini de\u011fi\u015ftirmek i\u00e7in \u00f6ncelikle yaz\u0131 tipi klas\u00f6r\u00fc \u00fczerinden t\u00fcm yaz\u0131 tiplerine bak\u0131lmas\u0131 ve belirlenen fontun HTML sayfas\u0131nda yaz\u0131lmas\u0131 gerekir. \u201cfont\u201d etiketi face, color ve size olmak \u00fczere \u00fc\u00e7 farkl\u0131 parametre al\u0131r. Bunlar, yaz\u0131n\u0131n fontunun, renginin ve boyutunun de\u011fi\u015ftirilmesini sa\u011flar. <p> paragraf etiketi alt\u0131nda bulunan stil \u00f6zniteli\u011fi kullan\u0131larak ise paragraf\u0131n yaz\u0131 tipi ayarlanabilir. Ancak font etiketi yerine CSS taraf\u0131ndan desteklenen style sheets g\u00fcn\u00fcm\u00fczde yayg\u0131n olarak kullan\u0131l\u0131r.<\/p>\n\n\n\n<p>\u00d6rne\u011fin:<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><!DOCTYPE html><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><html><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><head><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><title>sayfa ba\u015fl\u0131\u011f\u0131<\/title><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><\/head><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><body><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><p><font face=\u201dtimes new roman\u201d>ba\u015fl\u0131k alt\u0131na al\u0131nan herhangi bir metin<\/font><\/p><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><\/body><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><\/html><\/p>\n\n\n\n<p>Yaz\u0131 stilinden sonra gelen ve ba\u015fl\u0131k alt\u0131nda kalan metin, bu kod taray\u0131c\u0131da y\u00fcr\u00fct\u00fcld\u00fc\u011f\u00fcnde Times New Roman yaz\u0131 stilinde g\u00f6r\u00fcn\u00fcr.<\/p>\n\n\n\n<p>Ba\u015fl\u0131klar\u0131 H1, H2, H3 format\u0131nda yazmak istedi\u011finizde de kodlar\u0131 kullanabilirsiniz. Her bir paragrafa ve ba\u015fl\u0131\u011fa ayr\u0131 yaz\u0131 stili atamak m\u00fcmk\u00fcnd\u00fcr:<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><h2>HTML\u2019de Yaz\u0131 Tipi Nas\u0131l De\u011fi\u015ftirilir<\/h2><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><p style=\u201dfont-family: Arial\u201d>ba\u015fl\u0131k alt\u0131na al\u0131nan herhangi bir metin<\/p><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><h3>En \u00c7ok Kullan\u0131lan HTML Yaz\u0131 Tipleri Nelerdir<\/h3><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><p>The default typeface is Times New Roman. En \u00e7ok kullan\u0131lan HTML yaz\u0131 tipleri ilgili bilgiler<\/p><\/p>\n\n\n\n<p>H2 ile yaz\u0131lan ba\u015fl\u0131\u011f\u0131n alt\u0131ndaki metinde Arial yaz\u0131 tipi kullan\u0131l\u0131rken hemen ard\u0131ndan gelen H3 ba\u015fl\u0131\u011f\u0131n\u0131n alt\u0131nda ise default gelen Times New Roman yaz\u0131 tipi kullan\u0131l\u0131r. Herhangi bir de\u011fi\u015fiklik yap\u0131lmad\u0131\u011f\u0131 s\u00fcrece yaz\u0131 tipi her zaman Times New Roman olur.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"855\" height=\"560\" src=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-nelerdir.jpg\" alt=\"\" class=\"wp-image-33674\" srcset=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-nelerdir.jpg 855w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-nelerdir-300x196.jpg 300w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-nelerdir-768x503.jpg 768w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-nelerdir-380x249.jpg 380w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-nelerdir-800x524.jpg 800w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-nelerdir-760x498.jpg 760w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipleri-nelerdir-600x393.jpg 600w\" sizes=\"(max-width: 855px) 100vw, 855px\" \/><\/figure>\n\n\n\n<p>Yaz\u0131 b\u00fcy\u00fckl\u00fc\u011f\u00fc ise font-size kodu ile de\u011fi\u015ftirilir. Burada \u00f6l\u00e7\u00fc birimi olarak punto, piksel, in\u00e7 ya da y\u00fczde kullan\u0131labilir. \u00d6rne\u011fin, 12 punto olmas\u0131n\u0131 istedi\u011finiz bir metin i\u00e7in a\u015fa\u011f\u0131daki kod kullan\u0131l\u0131r:<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><p style=\u201dfont-size:12pt\u201d>kullan\u0131lmak istenen 12 puntoluk metin<\/p><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">Yaz\u0131 renginin de\u011fi\u015ftirilmesi, font-color etiketi ile ger\u00e7ekle\u015fir. \u00d6rne\u011fin;<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><p style=\u201dcolor:red\u201d>kullan\u0131lmak istenen k\u0131rm\u0131z\u0131 renkteki metin<\/p><\/p>\n\n\n\n<p>Bu kod ile se\u00e7ilen metin k\u0131rm\u0131z\u0131 renkte g\u00f6r\u00fcn\u00fcr.<\/p>\n\n\n\n<p>font-family \u00f6zelli\u011fi ise metnin yaz\u0131 tipi ailesinin se\u00e7ilmesini sa\u011flar. Ancak kodlar\u0131n yaz\u0131m\u0131nda dikkat edilmesi gereken \u00f6nemli noktalar\u0131n ba\u015f\u0131nda, birden fazla s\u00f6zc\u00fckten olu\u015fan yaz\u0131 tiplerinde t\u0131rnak (\u201c\u201d) kullan\u0131m\u0131 gelir. \u00d6rne\u011fin; pop\u00fcler yaz\u0131 tiplerinden biri olan Times New Roman yaz\u0131l\u0131rken t\u0131rnak i\u00e7ine al\u0131n\u0131r.<\/p>\n\n\n\n<p>Baz\u0131 durumlarda desteklenen yaz\u0131 tipi de\u011fi\u015fti\u011fi i\u00e7in alternatif yaz\u0131 tiplerine ihtiya\u00e7 duyulabilir. Taray\u0131c\u0131 taraf\u0131ndan g\u00f6r\u00fcnt\u00fclenemeyen bir font kullan\u0131ld\u0131\u011f\u0131nda, g\u00fcvenilen alternatif fontlardan biri kullan\u0131l\u0131r.<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><p style=\u201dfont-family:arial,courier,helvetica;\u201d><\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\">Kullanmak istedi\u011finiz herhangi bir metin<\/p>\n\n\n\n<p class=\"has-gray-200-background-color has-background\"><\/p><\/p>\n\n\n\n<p>Bu \u00f6rnekte verilen \u00fc\u00e7 yaz\u0131 tipi, neredeyse t\u00fcm taray\u0131c\u0131lar taraf\u0131ndan desteklenen ve olduk\u00e7a pop\u00fcler olan fontlar aras\u0131nda bulunur. Taray\u0131c\u0131n\u0131n ilk verilen Arial yaz\u0131 tipini bulamad\u0131\u011f\u0131 ya da desteklemedi\u011fi durumlarda ikinci ve \u00fc\u00e7\u00fcnc\u00fc alternatifler olan Courier ve Helvetica yaz\u0131 tipleri kullan\u0131l\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-guvenli-yazi-tipi-nedir\"><span id=\"guvenli-yazi-tipi-nedir\">G\u00fcvenli Yaz\u0131 Tipi Nedir?<\/span><\/h2>\n\n\n\n<p>G\u00fcvenli yaz\u0131 tipleri, bilgisayarlarda kurulu olan ve web siteleri i\u00e7in kullan\u0131labilen mevcut fontlar anlam\u0131na gelir. Bu fontlar halihaz\u0131rda bilgisayarda bulundu\u011fu i\u00e7in daha h\u0131zl\u0131 y\u00fcklenebilir. G\u00fcvenli fontlar\u0131n \u00f6nemi ise SEO \u00e7al\u0131\u015fmalar\u0131nda kendini g\u00f6sterir. Arama motorlar\u0131, bu y\u00fckleme h\u0131z\u0131n\u0131 s\u0131ralamalarda belirleyici bir kriter olarak kullan\u0131r.<\/p>\n\n\n\n<p>Yaz\u0131 tiplerinin alternatifleri olsa da web sitelerinin ziyaret\u00e7iler taraf\u0131ndan kolayl\u0131kla g\u00f6r\u00fcnt\u00fclenmesi ve sitelerin performans\u0131n\u0131n sabit kalmas\u0131 i\u00e7in web g\u00fcvenli yaz\u0131 tiplerinin kullan\u0131lmas\u0131 faydal\u0131 olur. Bilgisayarda y\u00fckl\u00fc halde bulunmayan alternatif yaz\u0131 tipleri, baz\u0131 d\u00f6nemlerde olduk\u00e7a pop\u00fcler hale gelebilir. Ancak bunlar\u0131n kullan\u0131m\u0131 nedeniyle y\u00fcklenme h\u0131z\u0131nda d\u00fc\u015f\u00fc\u015f olabilir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-html-yazi-tipi-aileleri-nelerdir\"><span id=\"html-yazi-tipi-aileleri-nelerdir\">HTML Yaz\u0131 Tipi Aileleri Nelerdir?<\/span><\/h2>\n\n\n\n<p>Font ailesi, ayn\u0131 tasar\u0131m \u00f6zelliklerini payla\u015fan t\u00fcm yaz\u0131 tiplerinin koleksiyonunu temsil eder. Bir fontun ailesinin olmas\u0131 i\u00e7inse ince, kal\u0131n, italik, yar\u0131 kal\u0131n, ekstra kal\u0131n, normal gibi en az 3-4 \u00e7e\u015fidinin bulunmas\u0131 gerekir.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"812\" height=\"590\" src=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipi-degistirme.jpg\" alt=\"\" class=\"wp-image-33675\" srcset=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipi-degistirme.jpg 812w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipi-degistirme-300x218.jpg 300w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipi-degistirme-768x558.jpg 768w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipi-degistirme-380x276.jpg 380w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipi-degistirme-800x581.jpg 800w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipi-degistirme-760x552.jpg 760w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2022\/07\/html-yazi-tipi-degistirme-600x436.jpg 600w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<p>5 temel yaz\u0131 tipi ailesi \u015fu \u015fekildedir:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cursive-el-yazisi\"><span id=\"cursive-el-yazisi\">Cursive (El Yaz\u0131s\u0131)<\/span><\/h3>\n\n\n\n<p>Bu yaz\u0131 tipi ailesinde yaz\u0131lar sa\u011fa yat\u0131k el yaz\u0131s\u0131 \u015feklinde birbirine ba\u011fl\u0131d\u0131r. Ak\u0131c\u0131l\u0131k ve daha ki\u015fisel bir yaz\u0131 stili isteyenler Cursive ailesi fontlar\u0131n\u0131 kullanabilir. Bu fontlar aras\u0131nda Ex Ponto, Snell Roundhand, Zapf-Chancery gibi Latin harflerinin kullan\u0131ld\u0131\u011f\u0131 tiplerin yan\u0131 s\u0131ra, Corsiva gibi \u0130branice ve ER Architekt gibi Kiril alfabesinin kullan\u0131ld\u0131\u011f\u0131 fontlar da bulunur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-fantasy-fantezi\"><span id=\"fantasy-fantezi\">Fantasy (Fantezi)<\/span><\/h3>\n\n\n\n<p>Fantezi yaz\u0131 tipleri \u00e7o\u011funlukla metnin s\u00fcslenmesi amac\u0131yla kullan\u0131l\u0131r. Ancak bu s\u00fcsleme \u00e7e\u015fitli semboller ya da resimler ile de\u011fil, karakterlerin kendi motifleri ile yap\u0131l\u0131r. Latin alfabesinin kullan\u0131ld\u0131\u011f\u0131 Studz, Alpha Geometrique, Cottonwood, Critter ve FB Reactor fantezi yaz\u0131 tipi ailesinde bulunan fontlardan baz\u0131lar\u0131d\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-serif\"><span id=\"serif\">Serif<\/span><\/h3>\n\n\n\n<p>Serif ailesinde bulunan fontlarda karakter ve motiflerin \u00e7izgilerinde f\u0131r\u00e7a darbeleri bellidir. Biti\u015f noktalar\u0131nda \u00e7izgiler incelebilir, kal\u0131nla\u015fabilir ve yuvarlakla\u015fabilir. \u00c7\u0131k\u0131nt\u0131l\u0131 motifli olarak da bilinen fontlarda karakterlerin geni\u015flikleri de\u011fi\u015febilir. Olduk\u00e7a geni\u015f olan bu aile i\u00e7inde Times New Roman, Minion Web, Bodoni, MS Georgia, Garamond, Bitstream Cyberbit ve ITC Stone Serif, Latin alfabesinin kullan\u0131ld\u0131\u011f\u0131 fontlard\u0131r. Bunlar\u0131n d\u0131\u015f\u0131nda Yunan alfabesi ve Arap\u00e7a i\u00e7in Bitstream Cyberbit, \u0130branice i\u00e7in New Peninim, Kiril alfabesi i\u00e7in ER Bukinst tercih edilebilir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-san-serif\"><span id=\"san-serif\">San-Serif<\/span><\/h3>\n\n\n\n<p>\u015eerifsiz, \u00e7\u0131k\u0131nt\u0131s\u0131z anlam\u0131na gelen San-Serif, motif \u00e7izgilerinin sabit oldu\u011fu ve hatlarda incelme ya da kal\u0131nla\u015fma olmayan fontlar\u0131 i\u00e7erir. Karakterlerin bitim noktalar\u0131nda herhangi bir s\u00fcslemeye yer verilmez. Motif ve karakter geni\u015flikleri ise Serif ailesinde oldu\u011fu gibi de\u011fi\u015fkendir. Univers, Futura, Helvetica, MS Trebuchet, MS Arial, MS Verdana, Gill Sans, Akzidenz Grotesk, ITC Avant Garde Gothic ve ITC Stone Sans bu ailede bulunan fontlardan baz\u0131lar\u0131d\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-monospace-sabit-genislikli\"><span id=\"monospace-sabit-genislikli\">Monospace (Sabit Geni\u015flikli)<\/span><\/h3>\n\n\n\n<p>Monospace ailesinde bulunan fontlarda t\u00fcm karakterler ve motifler e\u015fit geni\u015fli\u011fe sahiptir. Daktilo yaz\u0131s\u0131na benzedi\u011fi ve okumay\u0131 kolayla\u015ft\u0131rd\u0131\u011f\u0131 i\u00e7in genellikle kodlar\u0131n g\u00f6r\u00fcnt\u00fclenmesinde bu fontlar tercih edilir. Courier, Prestige, Everson Mono, MS Courier New gibi yaz\u0131 tiplerinde Latif harfleri kullan\u0131l\u0131r. Osaka Monospaced, ER Kurier ve Everson Mono gibi farkl\u0131 alfabelerin kullan\u0131ld\u0131\u011f\u0131 fontlar da bu aile i\u00e7inde yer al\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-en-cok-kullanilan-yazi-stilleri-nelerdir\"><span id=\"en-cok-kullanilan-yazi-stilleri-nelerdir\">En \u00c7ok Kullan\u0131lan Yaz\u0131 Stilleri Nelerdir?<\/span><\/h2>\n\n\n\n<p>G\u00fcn\u00fcm\u00fczde en \u00e7ok kullan\u0131lan baz\u0131 yaz\u0131 tipleri \u015funlard\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Arial<\/li>\n\n\n\n<li>Helvetica<\/li>\n\n\n\n<li>Times New Roman<\/li>\n\n\n\n<li>Trajan<\/li>\n\n\n\n<li>Roboto<\/li>\n\n\n\n<li>Times<\/li>\n\n\n\n<li>Courier<\/li>\n\n\n\n<li>Calibri<\/li>\n\n\n\n<li>Cambria<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>HTML nedir, en \u00e7ok kullan\u0131lan HTML kodlar\u0131 hakk\u0131nda detayl\u0131 bilgilere <a href=\"https:\/\/www.natro.com\/blog\/html-nedir-en-cok-kullanilan-html-kodlari\/?utm_campaign=content&utm_medium=icerik&utm_source=hosting-blog&utm_content=\/blog\/html-de-yazi-tipi-nasil-degistirilir\">buradaki<\/a> blog yaz\u0131m\u0131zdan ula\u015fabilirsiniz.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/www.natro.com\/lisansli-urun-politikamiz?utm_source=hosting-blog&utm_medium=banner-link&utm_campaign=lisans-politikasi\"><img decoding=\"async\" src=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2023\/02\/blog-header.jpg\" alt=\"\" class=\"wp-image-34436\" width=\"679\" height=\"249\" srcset=\"https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2023\/02\/blog-header.jpg 600w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2023\/02\/blog-header-300x110.jpg 300w, https:\/\/www.natro.com\/blog\/wp-content\/uploads\/2023\/02\/blog-header-380x139.jpg 380w\" sizes=\"(max-width: 679px) 100vw, 679px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"SEO \u00e7al\u0131\u015fmalar\u0131nda kullan\u0131lan HTML yaz\u0131 tipleri, web sitelerinin ilk izlenimlerinde olduk\u00e7a b\u00fcy\u00fck bir \u00f6neme sahiptir. \u0130\u00e7eriklerin okunabilir olmas\u0131,&hellip;\n","protected":false},"author":7,"featured_media":33672,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[389],"tags":[],"class_list":{"0":"post-33671","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-donanim-yazilim"},"_links":{"self":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/33671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/comments?post=33671"}],"version-history":[{"count":2,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/33671\/revisions"}],"predecessor-version":[{"id":34451,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/33671\/revisions\/34451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/media\/33672"}],"wp:attachment":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/media?parent=33671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/categories?post=33671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/tags?post=33671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}