EN
Aramak...

Web Sitesi Yazı Tipleri

Pixpa'daki Web Sitesi Metin Stili ayarları, tüm web sitenizdeki tipografiyi kontrol etmenizi sağlar. Başlıklardan ve alt başlıklardan gövde metnine ve açıklamalara kadar, markanızın görsel kimliğine uyacak şekilde yazı tipi stillerini, boyutlarını ve aralıklarını özelleştirebilirsiniz.

Pixpa, Google Fonts deposundan 300'den fazla yazı tipini ve ayrıca özgürce kullanabileceğiniz OFL lisanslı yazı tiplerini destekler. Metin stillerinizi ayarlayarak, web sitenizin tüm sayfalarında tutarlılığı sağlayabilir ve okunabilirliği artırabilirsiniz.

Bu makalede:

  1. Geçerli Yazı Tipi Kümesi
  2. Yazı Tipi Ön Ayarları
  3. Gelişmiş Düzenleme
  4. Özel Ayarları Sıfırla
  5. Google'dan alternatif yazı tipleri

Web sitenizin yazı tiplerini Tasarım (1) bölümünden yönetebilirsiniz .

Tasarım bölümüne girdikten sonra Yazı Tipleri (2) sekmesine tıklayın.

Geçerli Yazı Tipi Kümesi

  • Seçili Yazı tipi ön ayarı (1) burada görüntülenecektir.
  • özelleştirebilirsiniz Başlık (2) ve paragraf (3) seçilen ön ayar için yazı tipi.

Not: Renk Paleti Seçenekleri veya Gelişmiş Düzenleme'de özel ayarlamalar yaptığınızda, 'Değiştirildi' (4) düğmesini göreceksiniz .

  • Üst metin (5) Başlık yazı tipini temsil eder.
  • Alt metin (6) Paragraf yazı tipini temsil eder.

Notlar:

  • Başlık yazı tipini değiştirmek Site Başlığını ve Menü öğelerini de etkileyecektir.
  • Paragraf yazı tipini değiştirmek Düğmeleri, Galerileri (Görüntü Başlığı) ve Alt Bilgi metnini de etkileyecektir.

Yazı Tipi Ön Ayarları

Yazı Tipi Ön Ayarları, web sitesinin tamamındaki metne uygulanabilecek yazı tipi türü, yazı tipi boyutları, harf aralığı ve diğer tipografik ayarların önceden tanımlanmış birleşimleridir.

  • Aşağıdaki seçeneklerden herhangi birini seçerek yazı tipini genel olarak kolayca değiştirebilirsiniz. Yazı tipi ön ayarları (1).
  • Filtrele (2) Tümü, Serif, Sans Serif veya Karışık ön ayarları seçerek liste. Bir filtre seçtiğinizde yalnızca ilgili ön ayarları göreceksiniz.
  • seçmek için Yazı tipi ön ayarı (3), üzerine tıklamanız yeterlidir ve Yayınlamak (4) değişiklikler.

  • Mevcut yazı tiplerine erişmek ve seçim yapmak için yazı tipi listesinin en altına kaydırın. OFL yazı tipleri.

Gelişmiş Düzenleme

Buradan ön ayarlı ayarları geçersiz kılabilir ve web sitenizin tüm öğelerinin yazı tiplerini manuel olarak yönetebilirsiniz.

Burada aşağıdaki seçenekleri göreceksiniz:

Site Başlığı

Ana logo mevcut değilse, web sitenizin logo metni görevi gören başlığıdır.

Buradan şunları yapabilirsiniz:

  1. Yazı tipi - Site başlığınız için yazı tipini seçin.
  2. Ağırlık - Site başlığınız için yazı tipi ağırlığını seçin.
  3. Boyut – Masaüstü – Masaüstünde site başlığınızın metin boyutunu belirtin.
  4. Boyut – Mobil – Mobil cihazlarda site başlığınızın metin boyutunu belirtin.
  5. Harf boşluğu - Site başlığındaki harfler arasındaki boşluğu ayarlayın.

Üstbilgi Menüsü

Kullanıcıların bir web sitesinin farklı bölümleri arasında geçiş yapmasını sağlayan sayfalar, bağlantılar, klasörler, galeriler vb. koleksiyonudur.

Buradan özelleştirme yapabilirsiniz :

    1. Yazı tipi - Menü bağlantıları için yazı tipini belirtin.
    2. Ağırlık - Menü bağlantıları için yazı tipi ağırlığını seçin.
    3. Boyut - Menü bağlantıları için metin boyutunu belirtin.
    4. Harf boşluğu - Menü bağlantılarındaki harfler arasındaki boşluğu ayarlayın.

    1. Yazı tipi - Açılır menü bağlantılarınız için yazı tipini belirtin.
    2. Ağırlık - Açılır menü bağlantıları için yazı tipi ağırlığını seçin.
    3. Boyut - Açılır menü bağlantıları için metin boyutunu belirtin.
    4. Harf boşluğu - Açılır menü bağlantılarındaki harfler arasındaki boşluğu ayarlayın.

Başlıklar

Başlık etiketleri, içeriğin yapılandırılmasına, SEO'nun geliştirilmesine, erişilebilirliğin ve okunabilirliğin geliştirilmesine yardımcı oldukları için çok önemlidir. Pixpa'nın sağladığı dört tür Başlık etiketi vardır. Bunlar Başlık (H1), Başlık (H2), Başlık (H3) ve Başlıktır (H4).

Buradan şunları yapabilirsiniz:

  1. Yazı tipi - Başlık (H1) için yazı tipi stilini belirtin.
  2. Ağırlık - Başlığın yazı tipi ağırlığını seçin (H1).
  3. Boyut – Masaüstü – Masaüstü için başlığın (H1) yazı tipi boyutunu belirtin.
  4. Boyut – Mobil – Mobil cihazlar için başlığın yazı tipi boyutunu (H1) belirtin.
  5. Satır yüksekliği - Başlık (H1) için yazı tipinin satır yüksekliğini belirtin (em cinsinden belirtilir).
  6. Harf boşluğu - Başlık (H1) metninin harfleri arasındaki boşluğu (em cinsinden belirtilir) belirtin.

Not: Başlık (H1)'e benzer şekilde, H2, H3 ve H4 yazı tipi stilleri için de ayarları özelleştirebilirsiniz.

Metin Dolgusu (Başlıklar)

  • Başlıklar – Web sitenizdeki başlıklar için dolguyu belirtin.

Paragraf

Bir metin bloğunu paragraf olarak tanımlamak ve yapılandırmak için kullanılır. Bu genellikle açıklamalar, resim başlıkları, altyazılar, alt bilgi metni vb. için kullanılır.

Buradan şunları yapabilirsiniz:

  1. Yazı tipi - Tüm paragraf metni için (normal, küçük ve büyük) yazı tipi stilini seçin.
  2. Ağırlık - Tüm paragraf metni için yazı tipi ağırlığını seçin.
  3. P (Normal) – Masaüstü – Masaüstü için tüm paragraf metninin Normal yazı tipi boyutunu seçin.
  4. P (Normal) – Mobil – Mobil cihazlar için tüm paragraf metninin Normal yazı tipi boyutunu seçin.
  5. P (Küçük) – Masaüstü – Masaüstü için tüm paragraf metninin daha küçük yazı tipi boyutunu (P'den (Normal) daha küçük) seçin.
  6. P (Küçük) – Mobil – Mobil cihazlar için tüm paragraf metninin daha küçük yazı tipi boyutunu (P'den (Normal) daha küçük) seçin.
  7. P (Büyük) – Masaüstü – Masaüstü için tüm paragraf metninin daha büyük yazı tipi boyutunu (P'den (Normal) daha büyük) seçin.
  8. P (Büyük) – Mobil – Mobil cihazlar için tüm paragraf metninin daha büyük yazı tipi boyutunu (P'den (Normal) daha büyük) seçin.
  9. Satır yüksekliği - Paragraf metni için yazı tipinin satır yüksekliğini belirtin (em cinsinden belirtilir).
  10. Harf boşluğu - Paragraf metninin harfleri arasındaki boşluğu belirtin (em cinsinden belirtilir).

Metin Dolgusu (Paragraflar)

Paragraf – Web sitenizdeki paragraflar için boşluk (padding) belirtin.

Düğmeler

Düğmeler, form göndermek veya başka bir sayfaya gitmek gibi belirli eylemleri gerçekleştirmek için tıklayabileceğiniz veya dokunabileceğiniz öğelerdir.

Buradan şunları yapabilirsiniz:

  1. Yazı tipi - Düğme metninin yazı tipini buradan seçebilirsiniz.
  2. Ağırlık - Düğme metninin yazı tipi ağırlığını buradan ayarlayın. Normal, hafif ve kalın arasında seçim yapabilirsiniz.
  3. Boyut (Büyük) – Düğmeler için büyük yazı tipi boyutunu ayarlayın.
  4. Orta beden) - Düğmeler için orta yazı tipi boyutunu ayarlayın.
  5. Küçük boy) - Düğmeler için küçük yazı tipi boyutunu ayarlayın.
  6. Harf boşluğu - Buton metninin harfleri arasındaki boşluğu buradan ayarlayın (em ile belirtilir).

Bu, telif hakkı bilgileri, yasal uyarılar vb. gibi web sitelerinin alt kısmında görünen metindir. Altbilgi Metni ayarları, web sitenizin altbilgisindeki metnin görünümünü özelleştirmenize olanak tanır.

  1. Yazı tipi - Altbilgi metni için yazı tipi stilini belirtin.
  2. Ağırlık - Altbilgi metninin yazı tipi kalınlığını buradan ayarlayın. Normal, açık ve kalın arasında seçim yapabilirsiniz.
  3. Yazı Boyutu - Altbilgi metni için yazı tipi boyutunu tanımlayın.
  4. Menü Boyutu – Altbilgi menü öğelerinin yazı tipi boyutunu ayarlayın.
  5. Site Başlığı Boyutu (Masaüstü) – Masaüstünde görüntülendiğinde alt bilgi sitesi başlığının boyutunu ayarlayın.
  6. Site Başlığı Boyutu (Mobil) – Mobil cihazlarda görüntülendiğinde alt bilgi sitesi başlığının boyutunu ayarlayın.
  7. Harf boşluğu - Altbilgi metni için harfler arasındaki boşluğu belirtin (em cinsinden).

Diğer

Yazı tipi ayarları altında bazı diğer özelleştirmeler de bulunmaktadır. Buradan şunları yapabilirsiniz :

Bu, üzerine gelindiğinde resim başlıklarını göstermeyi seçtiğinizde uygulanır.

    1. Vurgulu Yazı Tipi – Fareyle üzerine gelindiğinde Resim başlığı metninin yazı tipini buradan seçebilirsiniz.
    2. Vurgu Ağırlığı – Buradan Resim başlığı metninin yazı tipi ağırlığını ayarlayın. Normal, hafif ve kalın arasında seçim yapabilirsiniz.
    3. Vurgulu Boyutu – Fareyle üzerine gelindiğinde Resim başlığı metninin boyutunu buradan ayarlayın.
    4. Harf boşluğu - Resim başlık metninin harfleri arasındaki boşluğu buradan ayarlayın (em ile belirtilir).

Özel Ayarları Sıfırla

Yazı tipi setini düzenleyerek değişiklik yaptıysanız veya yazı tipi ayarlarını Gelişmiş Düzenleme'den özelleştirdiyseniz, yazı tipi ayarlarını kolayca varsayılana sıfırlayabilirsiniz.

Değiştirildi düğmesini göreceksiniz. İmleci düğmenin üzerine getirin, Sıfırla olarak değişecektir. Değişiklikleri buradan orijinaline sıfırlayabilirsiniz.

Google'dan alternatif yazı tipleri

İşte bazı popüler yazı tipleri için birkaç alternatif Google yazı tipi :

  • Brandon Grotesk – Josefin Sans
  • Sofya Pro – Poppins
  • Avenir – Lato or İstemi
  • Proksima Nova – Montserrat or Roboto
  • Proxima Yumuşak – Nunito
  • DİN – Barlow
  • kiralama – Kaynak Serif Pro
  • Helvetica Neue – Roboto or İş Sans
  • Whitney- Katamaran or Arka
  • Gotham - Montserrat
  • Tisa Şerif – PT Serif
  • Museo Döşeme – Zilla levha or Roboto Slab
  • Optima – Cephanelik
  • Skolar – Kaynak Şerif
  • Harf Gotik – Fira Mono
  • Segoe kullanıcı arayüzü – Açık sans
  • Gelecek – Muli
  • Gibson- Noto sans
  • Zona Pro – Poppins
  • Minion – Kızıl Metin
  • Mostra Nuova – Josefin Sans
  • Geogrotesk – ordu
  • Baskerville – Libre Baskerville
  • Nöbetçi – alan adı
  • Neuzeit – Arka
  • Miller - Abril Fatface
Tagged:

Aradığınızı bulamıyor musunuz?

Bir Pixpa Uzmanı ile iletişime geçin.

İletişim
Pixpa Studio yenilendi. Şu anda tüm yardım makalelerinin ekran görüntülerini güncelliyoruz.