Blogger'a Google Fonts eklemek / Google Yazı Tiplerini Blogda kullanmak
Blogger'a Google Fonts eklemek için şablon kodunu düzenlemeniz gerekiyor. Bu işlemle blogunuzda yüzlerce ücretsiz web fontu kullanabilirsiniz.
Google Fonts sitesine (fonts.google.com) gidin ve istediğiniz fontu seçin. "Select this style" butonuna tıklayın, ardından "Embed" sekmesinden standart kodu kopyalayın. Kod şu şekilde görünür: <link href="https://fonts.googleapis.com/css2?family=FONT_ADI&display=swap" rel="stylesheet">.
Blogger panelinde Tema > HTML'yi Düzenle'ye gidin. <head> etiketini bulun (Ctrl+F ile arayın) ve hemen altına link kodunu yapıştırın. Kodu kapatmak için sonuna / ekleyin: <link href="..." rel="stylesheet" type="text/css"/>.
Aynı sayfada ]]></b:skin> etiketini bulun ve hemen üstüne CSS ekleyin. Örneğin, yazı başlıkları için:
.post-title { font-family: 'FONT_ADI'; }
Veya ana içerik için:
.post-body { font-family: 'FONT_ADI'; }
Font adını tırnak içinde değiştirin.
Değişiklikleri Kaydet butonuyla kaydedin. Önizleme yapın ve gerekirse tarayıcı önbelleğini temizleyin. Şablon yedeği almayı unutmayın! blogger, google, fonts
0 Yorum:
Yorum Gönder