Yazılar geri dön

Montserrat gibi Google tarafından sunulan yazı tipinin birçok farklı stili vardır: İnce, Ekstra Hafif, Hafif, Normal, vb…

CSS ile bir stil belirlemenin bir yolunu bulamadım. Yazı tipi ağırlığını kullanmak, bu CodePen’de görülebileceği gibi yalnızca bazılarına erişebilir.

Extra-Light stilini kullanmak istiyorum ama normal, aldığım en hafif stil.

Google yazı tipleri sayfası aslında size bunu nasıl yapacağınızı söyleyecektir ve bir ağırlık seçme yardımcı programı içerir. En ince stili istiyorsanız, Montserrat için budur (farklı yazı tiplerinin farklı ağırlıkları vardır):

HTML:

Bunu sizinkiyle karşılaştırın, fazladan ağırlıkları ve iki hatası var ( href='//yerine href="https://ve hinyerine thin)

CSS:

Ek ağırlıklar istiyorsanız, bunları şu şekilde ekleyin:

İndirmeleri gerekeceğinden, yalnızca gerçekten kullanacaklarınızı belirtmek istediğinizi unutmayın, dolayısıyla sayfanızın yükleme süresi artar.

İşte Montserrat için çalışan bir örnek . Sizin için yeterince ince değilse 100, şansınız kalmaz.

Google yazı tiplerinden yazı tipi bağlantısını index.html dosyanıza aktardıktan sonra. Farklı yazı tipi ağırlıklarına sahip Montserrat yazı tipi ailesinin css kodunu içeren bir global.css dosyası oluşturun.

Bu yazı tipini tepki projemde kullanıyorum.

google yazı tiplerinden yazı tipini içe aktarın veya bağlayın. benimki buna benziyor

Font ailesindeki her değişkeni kullanmak için css dosyasını incelemenizde çok fayda var.

İçeriği Puanlayabilirsiniz !

Değerlendirmek için yıldıza tıklayın!

Ortalama puan 0 / 5. Oy sayısı: 0

Şimdiye kadar oy yok! Bu gönderiyi ilk değerlendiren siz olun.

Yazılar geri dön