Dreamweaver'da Font listesine hem Adobe Edge hem de Web fontları ekleyebilirsiniz. Dreamweaver tarafından desteklenen font yığınları, Font listesinde Web fontları ile Edge fontlarından önce listelenir.

Adobe Edge fontlarını font listesine ekleme

Adobe Edge fontlarını artık web sayfalarınızda kullanabilirsiniz. Bir web sayfasında Edge fontu kullanıldığında, JavaScript dosyasına başvurma amacıyla ek bir komut dosyası etiketi eklenir. Bu dosya, fontu Creative Cloud sunucusundan tarayıcı önbelleğine doğrudan indirir.

Sayfa görüntülenirken fontlar, kullanıcının bilgisayarında kullanılabilir olsa da Creative Cloud sunucusundan indirilir.

Örneğin, (12.2'de) yalnızca "Abel" fontunu kullanan bir Komut Dosyası etiketi şu biçimde olur:

<!--Aşağıdaki komut dosyası etiketi, Adobe Edge Web Fonts sunucusundaki bir fontu web sayfasında kullanılmak üzere indirir. Bunu değiştirmemenizi öneririz.-->

<script src="http://webfonts.creativecloud.com/abel:n4:default.js" type="text/javascript"></script>

"abel", sunucunun fontu tanımlamak için kullandığı bir dahili addır. n4, indirilmekte olan font değişkeninin "normal" stilinde ve "400" kalınlığında olduğunu gösterir.

Dreamweaver CC'de eklenen komut dosyası şu şekildedir:

<!--Aşağıdaki komut dosyası etiketi, Adobe Edge Web Fonts sunucusundaki bir fontu web sayfasında kullanılmak üzere indirir. Bunu değiştirmemenizi öneririz.-->

<script>var adobewebfontsappname ="dreamweaver"</script>

<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>

  1. Değiştir > Fontları Yönet seçeneğini belirleyin.

  2. Adobe Edge Fontları sekmesi, Font listesine ekleyebileceğiniz tüm Adobe Edge fontlarını görüntüler.

  3. Bu listeden font bulup Font listesine eklemek için şunu yapın:

    • Font listesine eklemek istediğiniz fontu tıklatın.
    • Font seçimini kaldırmak için söz konusu fontu tekrar tıklatın.
    • Tercih edilen font listesinin son halini oluşturmak için filtre kullanın. Örneğin, Tırnaklı türü font listesinin son halini oluşturmak için öğesini tıklatın.
    • Birden fazla filtre kullanabilirsiniz. Paragraflar için kullanılabilen Tırnaklı türü filtre listesinin son halini oluşturmak için ve öğesini tıklatın.
    • Bir fontu adıyla aramak için, söz konusu fontun adını arama kutusuna girin.
  4. Seçtiğiniz fontları filtrelemek için öğesini tıklatın.

  5. Bitti'yi tıklatın.

  6. Herhangi bir konumdan Font listesini açın. Örneğin, Özellikler panelinin CSS bölümündeki Font listesini kullanabilirsiniz.

    Dreamweaver font yığınları, Font listesinde web fontlarından önce listelenir. Seçtiğiniz fontları bulmak için listeyi aşağı kaydırın.

Bir uzmandan:

Bir uzmandan:
Train Simple

Yerel web fontlarını font listesine ekleme

Bilgisayarınızdaki web fontlarını Dreamweaver'da Font listesine ekleyebilirsiniz. Eklenen fontlar Dreamweaver'da tüm Font menülerine yansıtılır. EOT, WOFF, TTF ve SVG türündeki fontlar desteklenir.

  1. Değiştir > Fontları Yönet seçeneğini belirleyin.

  2. Görüntülenen iletişim kutusunda, Yerel Web Fontları sekmesini tıklatın.

  3. Eklemek istediğiniz font türüne karşılık gelen Gözat düğmesini tıklatın. Örneğin, fontunuz EOT biçimindeyse, EOT Fontuna karşılık gelen Gözat düğmesini tıklatın.

  4. Bilgisayarınızda, fontun bulunduğu konuma gidin. Dosyayı seçin ve açın. Bu konumda, söz konusu fontun başka biçimleri bulunuyorsa, bunlar otomatik olarak iletişim kutusuna eklenir. Font Adı da otomatik olarak fontun adından alınır.

  5. Fontu web sitesi kullanımı için lisansladığınızı onaylamanızı isteyen seçeneği belirleyin.

  6. Bitti'yi tıklatın. Font listesi Geçerli Yerel Font Listesi'nde görüntülenir.

    Not:

    Bir web fontunu font listesinden kaldırmak için, söz konusu fontu Geçerli Yerel Font Listesi'nde seçin ve Kaldır'ı tıklatın.

Özel font yığınları oluşturma

Font yığını, bir CSS font ailesi bildirimindeki font listesidir. Fontları Yönet iletişim kutusunun Özel Font Yığınları sekmesini kullanarak şunları yapabilirsiniz:

  • “+” düğmesini kullanarak yeni font yığınları ekleyebilirsiniz.
  • Varolan font yığınlarını düzenlemek için Font Listesi'nden font yığınını seçebilirsiniz. Seçilmiş Fontlar listesini güncellemek için “>>” ve "<<" düğmelerini kullanabilirsiniz.
  • “-“ düğmesini kullanarak varolan font yığınlarını silebilirsiniz.
  • Ok düğmelerini kullanarak yığınları yeniden sıralayabilirsiniz.

Eklenmiş fontları önizleme

Edge ve Web fontlarını Tasarım görünümünde önizleyemezsiniz. Bunları önizlemek için Canlı görünüme geçiş yapın veya sayfayı bir tarayıcıda önizleyin.

Dosyalarda web fontu komut dosyası etiketini güncelleme

Birden çok HTML dosyasına bağlanmış bir CSS dosyasında fontu güncellediğinizde, ilgili HTML dosyalarında komut dosyası etiketini güncellemeniz istenir. Güncelle'yi tıklattığınızda, tüm etkilenen HTML dosyalarındaki komut dosyası etiketleri güncellenir.

Bir sayfadaki web fontu komut dosyası etiketini güncelleme

Web sayfasındaki, komut dosyası etiketinde yansıtılmayan web fontunu güncellemek için Komutlar > Web Fontları Komut Dosyası Etiketini Temizle (Geçerli Sayfa) seçeneklerini belirleyin.

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