Coda

Coda fontunu dene

Ağırlıklar ve stiller

• Regular 400Coda Regular
• ExtraBold 800Coda ExtraBold

Coda hakkında

Coda, yuvarlak harflerinin yuvarlatılmış dikdörtgenler gibi çizildiği bir sans serif display ailesidir. Örnek sayfada Regular dar ve dik durur; o, c ve e yan yüzleri düzdür, çizgi uçları kesiktir, yüzde işareti iki küçük kutudan kurulmuştur. ExtraBold ise çok daha kalın ve geniştir, iç boşlukları minicik kalır ve bir blok gibi okunur. Resmî notlar bu ayrımı açıklar: en kalın kesim, bilginin güçlü biçimde vurgulanması gereken yerlerde büyük punto kullanılsın diye sade ve işlevsel bir web display fontu olarak yapılmıştır; Regular ise ona metin ve display kullanımında eşlik eder. Bu yüzden ailede iki ağırlık vardır, italik yoktur ve değişken font değildir. 393 glifi Latin ve Latin Extended'ı kapsar. Tasarımcı Vernon Adams'tır; telif bildirimi Coda ve Coda Caption adlarını saklı tutar. Coda, SIL Open Font License 1.1 ile yayımlanmıştır.

Coda nerede işe yarar

Büyük web başlıkları

ExtraBold 800 tam bunun için çizilmiştir: bir sayfanın tepesinde birkaç kalın, blok gibi sözcük.

Bannerlar ve vurgu kutuları

Küçük iç boşluklar ve geniş çizgiler, bir fiyatın, bir tarihin ya da tek bir sözcüğün bannerda öne çıkmasını sağlar.

Teknoloji ve oyun sayfası başlıkları

o, c ve e harflerinin yuvarlatılmış dikdörtgen biçimi, başlıklara makine işi gibi köşeli bir görünüm verir.

Etiketler ve kısa metinler

Regular 400 dar ve düzenlidir; kalın kesimin yanında gezinme öğelerini, alt yazıları ve kısa paragrafları taşır.

Glifler

Dil desteği

Aile, şu dillerin yazıldığı temel harfleri içerir:

• İngilizce
• Fransızca
• Almanca
• İspanyolca
• Portekizce
• İtalyanca
• Felemenkçe
• İsveççe
• Norveççe
• Danca
• Fince
• İzlandaca
• Katalanca
• Türkçe
• Lehçe
• Çekçe
• Slovakça
• Macarca
• Rumence
• Hırvatça
• Slovence
• Litvanca
• Letonca
• Estonca

Dosyalarda bulunan karakter kümeleri: latin, latin-ext. Dil listesi, gerekli harflerin fontta bulunup bulunmadığının denetimidir; her dilde tipografik kalite vaadi değildir.

Lisans

Coda ile eşleşen fontlar

Öneriler kayıtlardaki basit kurallardan gelir: karşıt bir sınıflandırma ve gövde metnini taşıyacak kadar ağırlık. Bir başlangıç noktasıdır, kesin hüküm değildir.

Coda fontunu web’de kullan

Aileyi indirin, dosyaları kendi sitenizde barındırın ve CSS ile tanımlayın. Lütfen trendhub.net üzerindeki dosyalara bağlantı vermeyin: buradaki önizleme dosyaları alt kümelerdir ve adresleri değişir.

@font-face {
  font-family: "Coda";
  src: url("/assets/fonts/Coda-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Coda";
  src: url("/assets/fonts/Coda-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Coda", sans-serif;
}

Ya da resmî kaynaktan yükleyin. Google Fonts, Coda fontunu şu kodla sunar:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Coda:wght@400;800&display=swap" rel="stylesheet">

Bilmeniz gerekenler

400 ile 800 arasında ağırlık yok

Coda, Regular'dan doğrudan ExtraBold'a atlar. Aradaki Medium ya da Bold basamağı yoktur.

İtalik yok

İki stil de diktir.

Ayrılmış font adları

Telif bildirimi Coda ve Coda Caption adlarını ayırmıştır; bu yüzden değiştirilmiş sürümlerin farklı bir ad taşıması gerekir.

Sık sorulan sorular

Benzer fontlar

Aynı sınıflandırmadaki diğer aileler, ortak kullanım etiketlerine göre sıralı. Tüm display fontları