Yazı tipi seçme

Metin araçlarının yazı tipi seçicisi, sık kullanılan yazı tiplerini içeren bir listeden seçim yapabilmenizi sağlar. Ayrıca Google Fonts'ta bulunan web yazı tiplerini ekleyebilirsiniz.

1. Araç çubuğundan Metin aracını seçin veya Metin panelini açın.
2. Araç seçenekleri çubuğunda veya Metin panelinde yazı tipi adını tıklayın. Yazı tipi menüsü açılır.

   

3. Yazı tipi seçin.

Önce yazı tipini seçip ardından metin ekleyebilir veya varolan metni seçip kullanmak istediğiniz yazı tipine çevirebilirsiniz.

Google Fonts'tan yazı tipi ekleme

Google Web Designer'da dahili olarak bulunan sık kullanılan yazı tiplerine ek olarak, Google Fonts aracılığıyla sunulan yüzlerce ücretsiz, açık kaynaklı yazı tipini de kullanabilirsiniz.

Google Fonts kataloğundan yazı tipi eklemek için:

1. Araç çubuğundan Metin aracını seçin veya Metin panelini açın.
2. Araç seçenekleri çubuğunda veya Metin panelinde yazı tipi adını tıklayın. Yazı tipi menüsü açılır.
3. Yazı tipi menüsünün alt kısmındaki Diğer yazı tipleri… öğesini tıklayın. Google Fonts kataloğu yüklenmeye başlar. Daha fazla yazı tipi yüklemek için listenin en altına gidin.
4. Arama alanına yazı tipi adını girip Enter tuşuna basarak veya seçeneklerinizi daraltmak için filtreleri kullanarak arama yapabilirsiniz.
5. Kullanmak istediğiniz yazı tiplerini seçin. Seçtiğiniz yazı tipleri, sağdaki Eklenen yazı tipleri listesinde görünür.

   

6. Seçiminizden memnun olduğunuzda Tamam'ı tıklayın. Eklediğiniz yazı tipleri artık bu dokümanın yazı tipi menüsünde kullanılabilir.

Diğer yazı tiplerini kullanma

Google Ads ve Google AdMob yalnızca Google web yazı tiplerini destekler.

Şu anda yazı tipi açılır menüsüne yalnızca Google Fonts'tan yazı tipleri ekleyebilirsiniz, ancak yazı tipi dosyalarına sahipseniz özel yazı tiplerini kullanabilirsiniz.

1. Yazı tipi dosyasını, bilgisayarınızın dosya sistemindeki projeyle ilgili assets alt klasörüne ekleyin.
   • Studio kullanıyorsanız bunun yerine özel yazı tiplerini Studio Öğe Kitaplığı'na yükleyebilirsiniz.
   • Daha fazla tarayıcı uyumluluğu için birden çok yazı tipi biçimi ekleyin.
2. Kod görünümü'ne gidin ve yazı tipinizin ayrıntılarını kullanarak etiketini kapatmadan önce aşağıdaki CSS'yi ekleyin:

   @font-face {
     font-family: "My Font Name";
     src: url("assets/myfontname.ttf") format("truetype");
   }

3. Yazı tipini kullanmak için metni biçimlendirirken yazı tipinin adını (font-family satırında yazdığınız şekliyle) Yazı tipi adı alanına girin.

Bir CSS stili kuralında özel yazı tipi kullanırken, web'de sorunsuz bir şekilde kullanılabilen en az bir yedek yazı tipi sağlayın.

Örneğin, bir Japonca doküman için aşağıdaki listeyi kullanabilirsiniz:
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",Verdana,Helvetica,sans-serif;