Web sayfalarınızda Adobe Typekit web fontları, Edge web fontları ve dahili barındırılan web fontlarını kullanmayı öğrenin.

Not:

Adobe Muse artık yeni özellikler eklemeyecek ve 26 Mart 2020'de desteği sonlandıracak. Ayrıntılı bilgi ve yardım için bkz. Adobe Muse hizmet sonu sayfası.

Not:

  Typekit'in adı Adobe Fonts olarak değiştirildi ve Creative Cloud ve diğer aboneliklere dahil edildi. Daha fazla bilgi alın.

Adobe Muse'da Typekit Fontlarını kullanma

Adobe Typekit web fontlarına artık Adobe Muse Font Ekle/Kaldır menüsünden erişebilirsiniz.

Creative Cloud planının her düzeyinde Typekit kitaplığında bulunan sınırlı sayıdaki font seçeneklerini deneyebilir ve ücretli bir plana aboneyseniz binlerce fontun yer aldığı kitaplığın tamamına erişebilirsiniz. Typekit abonelik planları hakkında daha fazla bilgi için bkz. Typekit'te Web Fontu Barındırma Planları.

Typekit, kişisel olarak barındırılan web fontlarının tersine, web sitenizde kullanmaya karar verdiğiniz fontları barındırır. Yani, Typekit kitaplığından font seçip sitenizi Adobe Muse'da yayınlarsanız Typekit bu fontları otomatik olarak barındırır ve Typekit hesabınızı web sitenize bağlar.

Typekit fontlarını sitenize ekleme

  1. Adobe Muse'da, Dosya > Web Fontları Ekle/Kaldır
    'ı seçin.

    FileAddRemoveWebFonts
  2. Web Fontları Ekle iletişim kutusunda, Typekit sekmesinde Creative Cloud hesap türünüz için sunulan tüm Typekit web fontları listelenir.

    AddWebFonts
  3. Tasarım gereksinimlerinizi en iyi karşılayacak fontu seçin. Gereken fontu seçmek için aşağıdaki Sıralama ve Filtreleme seçeneklerini kullanabilirsiniz.

    • Özel Seçim, En Yeni ve Adlar seçeneklerine göre sıralamak için ilgili düğmeyi tıklatın.
    SortTypekitFonts
    • Aşağıdaki Filtre seçeneklerinden yararlanmak için Filtrele'yi tıklatın:
      • Sınıflandırma: Typekit fontlarını Serif, Sans Serif, Script, vb. gibi sınıflarına göre filtreleyebilirsiniz.
      • Recommended for: Fontları Typekit'in paragraf veya başlıklara yönelik önerilerine göre filtreler.
      • Özellikler: Kalınlık, genişlik, yükseklik vb. özelliklere göre filtreler.
    AddWebFontsFilters
  4. Kullanmak istediğiniz fontu bulduğunuzda üzerini tıklatın. Fontun seçildiğini belirten bir onay işareti görünür. İsterseniz birden çok font seçerek bir defada ekleyebilirsiniz. Seçtiğiniz tüm fontlar Seçili Fontlar sekmesinde görüntülenir.

    SelectedTypekitWebFonts
  5. Tamam'ı tıklatın. Web Fontları Bildirimi iletişim kutusu açılarak yeni web fontlarının eklendiğini doğrular. İsterseniz Bir Daha Gösterme seçeneğini işaretleyebilirsiniz.

    fig_07_type
    Tamam'ı tıklatarak doğrulama mesajını kapatın.

    Bundan sonra Font Menüsünü kullanarak Web Fontları seçeneğini belirlediğinizde, eklediğiniz fontların listesi görüntülenecektir.

    FileAddRemoveWebFonts

Typekit fontlarını metninize uygulama

  1. Adobe Muse'da, Typekit fontunu uygulamak istediğiniz metni seçin.

    TextForEdgeWebFont
  2. Metin seçiliyken Font menüsünden uygulamak istediğiniz Typekit fontunu seçin.

    ApplyTypekitFont

Adobe Muse'da Edge Web Fontlarını kullanma

Web fontları, Typekit.com tarafından barındırılan büyük bir çevrimiçi kitaplıkta yer alan yüzlerce font arasından seçim yapmanızı sağlar. Adobe Muse aboneliğinize Adobe Muse'da bulunan web fontları kitaplığı dahildir. Fontlara erişmek ve web tasarımınızda kullanmak için bir Typekit hesabında oturum açmanıza veya bir hesap satın almanıza gerek yoktur.

Not: Bir Typekit hesabınız varsa Adobe Muse'da halen bulunan web fontları grubunun typekit.com sayfasını ziyaret ettiğinizde erişebildiğiniz gruptan farklı olduğu bildirilir. Adobe Muse'da sunulan web fontları ücretsizdir, kısıtlama uygulamadan ulaşılabilir ve bir Typekit hesabı gerektirmez. Typekit hesabıyla sunulan web fontları ise ölçülü ve erişim kontrollüdür. Adobe Muse'un ileride sunulacak sürümlerinde, Typekit font kitaplığınıza Adobe Muse çalışma alanının içinden erişebileceksiniz; ancak bu özellik şimdilik sunulmamaktadır.

Web fontlarını kullanmanın avantajlarını şöyle sıralayabiliriz:

  • Benzersiz ve stilize fontlar seçerek fontlar bilgisayarınızda yüklü olmasa bile metin içeriğinize stil uygulayabilirsiniz.
  • Metne uyguladığınız web fontları siteyi yayınladığınızda, dışa aktardığınızda veya önizlediğinizde otomatik olarak sayfalara bağlanır.
  • Fontlar Typekit.com tarafından barındırılır. Ziyaretçiler yayındaki siteyi bir tarayıcıda görüntülediklerinde, font arka planda yüklenerek metni görüntüler.

Nadiren Typekit sunucuları, sayfa yüklendiğinde dinamik olarak uyguladığınız fontu yükleyemez; bu gibi durumlarda metin içeriği yedek bir font kullanarak görüntülenebilir. Bu senaryonun gerçekleşme olasılığı oldukça düşüktür, ancak metin içeriğinin yine de ziyaretçiler tarafından okunabilir olacağını ve sitede hata mesajının görüntülenmeyeceğini önemle hatırlatırız.

Tasarımınıza web fontları eklerken dikkatli olun. Çok fazla web fontu eklerseniz ziyaretçilerin genel anlamda indirme işlemleri uzun sürebilir ve bu durum, site performansının yavaşlamasına ve genel kullanıcı deneyiminin olumsuz şekilde etkilenmesine neden olur. Bunu göz önünde bulundurarak tasarımlarınızda en fazla 1-2 font ailesi kullanın ve her bir font ailesinde 4 stil olmasına dikkat edin. Web fontları (görüntüler ve video gibi) uzak kaynaklar olduğu için bir sitedeki sayfaları görüntülerken web fontlarının ziyaretçilerin tarayıcılarının önbelleğine indirilmesi gerekir.

Adobe Muse'un bir başka özelliği de bir sitede kullanılan tüm web fontlarını izlemesidir. .muse dosyası için kullanılan bir web fontunu kaldırdığınızda, web fontu .muse dosyasını bir sonraki açışınızda Font menüsündeki listede kalır. Yani sitede gerek duyulan bir web fontunu yanlışlıkla kaldırmanız mümkün değildir. Ayrıca, sayfalarınızı tasarlarken fontlarınızı manuel olarak izlemenize de gerek yoktur.

Edge Web Fontlarını Adobe Muse projesine ekleme

Yeni bir web fontu eklemek için şu adımları izleyin:

Web fontu kitaplığının görüntülendiği yeni bir pencere açılır.

  1. Metin aracını kullanarak bir metin çerçevesindeki belirli bir metni seçin.

  2. Font menüsünü kullanarak (Kontrol panelinde veya Metin panelinde) Web Fontları > Web Fontları Ekle... seçeneklerini belirleyin.

    EdgeWebFontsLibrary
    Web fontu kitaplığından sayfalarınıza uygulayabileceğiniz yüzlerce fonta erişebilirsiniz.

    Sayfanın üst kısmı boyunca gösterilen Filtreler alanından eklemek istediğiniz font stilini seçebilirsiniz. Dilerseniz arama alanını kullanarak fontu adına göre arayabilirsiniz.

  3. Kullanmak istediğiniz fontu bulduğunuzda üzerini tıklatın. Fontun seçildiğini belirten bir onay işareti görünür. İsterseniz birden çok font seçerek bir defada ekleyebilirsiniz.

    SelectedEdgeWebFonts
    Eklemek istediğiniz fontları tıklattığınızda fontların seçildiğini belirten bir onay işareti görünür.

    Sağ üst tarafa yakın konumdaki tek satırlı veya çok satırlı düğmeyi tıklatarak üstbilgiler veya paragraflar için en uygun fontları görebilirsiniz.

    EdgeWebFontsFilters
    Üstbilgi metninin stili için en uygun olan fontların listesini görüntüleyin.

    En sağdaki onay işareti düğmesini tıklatırsanız pencerede seçtiğiniz fontların listesi görünür. Fikrinizi değiştirir ve font eklemekten vazgeçerseniz fontun adını seçerek işaretini kaldırmanız yeterlidir.

    Web Fontları Bildirimi iletişim kutusu açılarak yeni web fontlarının eklendiğini doğrular.

  4. Eklemek istediğiniz fontları seçmeyi bitirdiğinizde Tamam'ı tıklatın.

  5. Tamam'ı tıklatın.

    İsterseniz Bir daha gösterme onay kutusunu da işaretleyebilirsiniz.

    fig_07_type
    Tamam'ı tıklatarak doğrulama mesajını kapatın.

    Bundan sonra Font Menüsünü kullanarak Web Fontları seçeneğini belirlediğinizde, eklediğiniz fontların listesi görüntülenecektir.

    EdgeWebFonts
    Font menüsünün Web Fontları bölümünde Web Fontları Ekle seçeneğini belirleyin.

Edge Web fontu ekleme ve uygulama

  1. Adobe Muse'da, Edge Web Fontunu uygulamak istediğiniz metni seçin.

    TextForEdgeWebFont
  2. Metin seçiliyken Font menüsünden uygulamak istediğiniz Edge Web Fontunu seçin.

    ApplyEdgeWebFonts

Adobe Muse'da Barındırılan Web Fontlarını kullanma

Barındırılan Web Fontları özelliği, üçüncü taraf sağlayıcılardan satın almış olabileceğiniz web fontlarına erişmenizi ve bu fontları kullanmanızı sağlar. Her site ziyaretçisinin bilgisayarında veya aygıtında bazı web fontları kullanılamayabilir. Böyle bir senaryoda, tarayıcının metin motoruna bağlı olarak bunun yerine web sitenizin görünümünü ciddi şekilde etkileyen web güvenlikli bir font kullanılır.

Web fontlarının, örneğin Adobe Edge Web Fontları (Typekit tarafından desteklenir) tarafından barındırılan bir sunucudan indirilmesi gerekir. Alternatif olarak site içeriğinizi barındıran web sunucusunda da saklanabilir. Web fontlarını bir site ziyareti sırasında gerçek zamanlı olarak barındırma ve tarama yaklaşımı, dahili barındırma olarak adlandırılır ve bu şekilde elde edilen fontlara Barındırılan Web Fontları adı verilir.

Ön koşullar

Dahili barındırılan web fontlarıyla çalışırken aşağıdaki font türleri gereklidir:

Sistem Fontları

web sayfanızı Adobe Muse'da tasarlamak için gereklidir. Bir web fontu satın aldığınızda, lisanslı masaüstü fontlarını düzgün şekilde indirip yüklemeye dikkat edin. Adobe Muse aşağıdaki font formatlarını destekler:

  • True Type Font (.ttf)
  • Open Type Font (.otf)
  • True Type Koleksiyonları (.ttc)
  • Mac Data Fork Fontları (.dfont)
  • Mac Resource Fork TrueType Suitcases

Web Fontları

sitenizi tarayıcıda tararken kullanılır. Adobe Muse fontu tüm tarayıcılarda tarayabilmek için aşağıdaki web fontu formatlarını edinmenizi gerektirir:

  • Web Açık Font Formatı (.woff)
  • Gömülü OpenType (.eot)
  • Ölçeklenebilir Vektör Grafikleri (.svg). Bu format, eski Android aygıtları için gereklidir.

 

Barındırılan Web Fontu Ekleme

  1. Web Fontları Ekle iletişim kutusunu açmak için Dosya > Web Fontları Ekle/Kaldır'ı seçin.

  2. Web Fontları Ekle iletişim kutusunda Barındırılan Web Fontları sekmesini seçin.

    SelfHostedWebFontsDialog
  3. Fontu içeren klasöre göz atın ya da bu klasörü seçin veya fontu Web Fontları Ekle iletişim kutusuna sürükleyin. Web fontları bulunurken Adobe Muse bununla ilgili bir komut istemi görüntüler. Daha önce web fontları eklediyseniz devam etmek için + Font Ekle düğmesini tıklatın.

    SelfHostedWebFontsFound
  4. Adobe Muse belirtilen klasördeki web fontu dosyalarını arar ve bunları otomatik olarak ilgili sistem fontuyla eşleştirir. Web fontunu gerekli şekilde lisanslandırdığınızı doğrulayın ve Devam'ı tıklatın.

  5. Yönet modu otomatik olarak etkinleştirilir ve eklenmiş olan web fontları listelenir.

    ManageModeSelfHostedWebFonts

Barındırılan Web Fontlarını Yönetme

Yönet modunda eşleşen masaüstü fontunu da içeren tüm dahili barındırılan web fontlarının listesi görüntülenir. Yeni eklenen fontlar listenin üst kısmında baloncuk içinde gösterilir, eksik font dosyaları olan veya masaüstü eşleşmesi bulunmayan fontlar da yine burada gösterilir.

Barındırılan web fontları için Yönet modu şunları yapmanızı sağlar:

Eşleşen bir masaüstü fontu belirtme

Adobe Muse bazen bir web fontunu ilgili masaüstü fontuyla otomatik olarak eşleştiremeyebilir. Bu durumda web fontu için açıkça bir eşleşme belirtmeniz gerekir. Bir web fontuna yönelik bir eşleşme belirtmek için şunları yapın:

  1. Fontunuzla ilgili bir iletişim kutusu açmak için  düğmesini tıklatın.

  2. Eşleştir düğmesini tıklatarak sisteminizde yüklü olan fontların listesini görüntüleyin.

  3. Listeyi kaydırarak veya ada göre filtreleyerek eşleşen bir sistem fontu seçin. Eşleşmeyi onaylamak için Tamam'ı tıklatın.

Eksik font dosyalarını belirtme

Adobe Muse bir .woff dosyasıyla eşleşen .eot veya .svg dosyalarını otomatik olarak bulamadıysa bu dosyaları elle bulabilirsiniz. Eksik bir font dosyasını bulmak için fontun yanındaki  düğmesini tıklatın. Gözat'ı tıklatın ve eksik dosyanın bulunduğu konuma gidin. Eksik dosyayı eklemek için Tamam'ı tıklatın.

Çeşitli görevler

  • Lisans Bilgilerini Sağla: Düzenlemek istediğiniz fontun yanındaki  düğmesini tıklatın ve Lisans Bilgilerini verin. Tamamlamak için Tamam'ı tıklatın.
  • Fontları Sil: Silmek istediğiniz fontu seçin ve Tamam'ı tıklatın.
  • Font listesini filtrele: Filtre metni kutusuna font etiketinin tüm harflerini veya birkaç harfini girerek font listesini filtreleyin.

Barındırılan Web Fontlarına Gözatma

Daha önce dahili barındırılan web fontları eklediyseniz Web Fontları Ekle iletişim kutusunu başlattığınızda Gözat modu otomatik olarak etkinleştirilir. Bu mod, fontların minik resim önizlemelerini sağlar (aileye göre gruplanmış olarak) ve Fontlar açılır listesine eklenecek fontları seçmenize olanak tanır. (Varsayılan olarak yeni eklenen tüm dahili barındırılan fontlar, eksik font dosyası ya da eşleşen masaüstü fontu olmaması gibi herhangi bir sorun olmadığı varsayılarak Fontlar açılır listesine eklenir.). Ayrıca, font ailelerini ada göre filtreleyebilir veya yalnızca seçili öğeleri gösterebilirsiniz. 

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi