Ana içeriğe geç

Yazı Tipleri

Pro ve Enterprise planlarında, Patrona'nın kullandığı yazı tipini özelleştirebilirsiniz (varsayılan Lato'dur). Patrona'nın çeşitli UI öğeleri için kullandığı düzenli, kalın ve ağır yazı tipi ağırlıklarını karşılayan seçilmiş bir Google Yazı Tipleri setinden seçim yapabilirsiniz.

Dahil Edilen Yazı Tipleri​

Patrona yazı tipinizi değiştirmek için ekranın sağ üst köşesindeki dişli simgesine tıklayın ve Yönetici Ayarları > Ayarlar > Görünüm'ü seçin. Yazı Tipi altında, dahil edilen yazı tipleri listesinden seçim yapın.

Comic Sans şu anda dahil değildir.

Özel Yazı Tipleri​

Özel bir yazı tipi ayarlamak için ekranın sağ üst köşesindeki dişli simgesine tıklayın ve Yönetici Ayarları > Ayarlar > Görünüm'ü seçin.

Yazı Tipi için Özel...'i seçin ve yazı tipi dosyalarınıza URL'leri girin.

Yazı Tipi Stili Seçenekleri​

Patrona'nın kullanıcı arayüzünü düzgün bir şekilde görüntülemek için kullanacağı üç farklı yazı tipi stili için üç farklı URL ayarlayabilirsiniz. Yazı tipi ağırlıkları şunlardır:

  • Düzenli 400
  • Kalın 700
  • Ağır 900 (bazen Siyah 900 olarak adlandırılır)

Yalnızca ilk stili (Düzenli 400) ayarlamanız yeterlidir; tarayıcı diğer stilleri dolduracaktır.

En iyi sonuçlar için en az 400 ve 700 stillerini ayarlayın. Aynı aile içinde birden fazla yazı tipi stilini içeren tek bir yazı tipi dosyanız varsa, Patrona'ya bu yazı tipi dosyasındaki ağırlıkları tercih etmesini söylemek için URL'yi birden fazla alana girin. Patrona, tarayıcı tarafından ayarlanan yazı tipi stillerini geçersiz kılmak için bu stilleri kullanacaktır.

Desteklenen Yazı Tipi Dosya Formatları​

Özel yazı tipleri için Patrona woff, woff2, ttf dosyalarını destekler. Sağladığınız URL belirli bir dosya uzantısı içermiyorsa, Patrona bunun bir woff2 dosyası olduğunu varsayacaktır.

Google Yazı Tipi URL'leri​

Bir Google Yazı Tipi için URL almak için Google Yazı Tipi sayfasını ziyaret edin ve kullanmak istediğiniz stili seçin. Ardından tff dosyasının URL'sini almak için bir HTTP isteği yapın. Örneğin, Roboto Mono kullanmak istediğimizi varsayalım: 400 ve 700 stilleri için yazı tipi dosyası URL'lerini nasıl alabileceğimizi görelim:

URL'yi https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap tarayıcımızın adres çubuğuna yapıştırırız. Bu URL, şu şekilde bir yanıt döndürecektir:

* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v21/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0me8iUI0lkQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v21/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0me8iUI0lkQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
...

Latin metin için, her stil için ilgili src URL'lerini kopyalarız, bu durumda:

Ve bu URL'leri Yönetici Ayarları > Ayarlar > Görünüm > Yazı Tipi bölümündeki ilgili giriş alanlarına yapıştırırız.

Yazı Tiplerini GitHub'da Barındırma​

Bir yazı tipini GitHub'da barındırıyorsanız, yazı tipi bir genel depoda olmalıdır ve yazı tipi dosyalarına raw.githubusercontent.com alanından hizmet veren ham bağlantıya ihtiyacınız olacaktır.

Örneğin, Inter yazı tipini kullanmak istediğinizi varsayalım. Yazı tipi şu adreste barındırılmaktadır:

https://github.com/rsms/inter/blob/master/docs/font-files/Inter-Regular.woff2

O zaman ihtiyacınız olan bağlantı şu olacaktır:

https://raw.githubusercontent.com/rsms/inter/master/docs/font-files/Inter-Regular.woff2

Bu desenin izlediği:

raw.githubusercontent.com/${user}/${repo}/${branch}/${path}

Ham bağlantıda URL'de /blob/ dizini olmadığını unutmayın.

Birden Fazla Dili Destekleme​

Birden fazla karakter setini desteklemek için, örneğin hem Latin hem de Kiril, yazı tipi dosyalarını birleştirmeniz gerekecektir.

Bireysel Gömülü Öğeler İçin Yazı Tipini Özelleştirme​

Dahil edilen yazı tiplerine ek olarak, Patrona için özel bir yazı tipi ayarlarsanız, bu yazı tipi statik gömülerde "Kullanım örneği yazı tipi" seçeneğinden seçilebilir olacaktır.

Daha Fazla Okuma​