Adobe Typekit Fontları Drupal Projelere Entegrasyonu
Adobe Typekit, web sitenizin tipografi tasarımını zenginleştirmek için harika bir kaynaktır. Bu rehberde, Drupal tabanlı bir web sitesine Adobe Typekit fontlarını HTML Twig dosyası aracılığıyla nasıl entegre edeceğinizi adım adım öğreneceksiniz.
Adobe Typekit Embed Kodu
Typekit projeniz için varsayılan gömme kodu, tarayıcıda font ağını (use.typekit.net) kullanarak web projesinin CSS'ini yükleyen tek bir <link> etiketidir.
htmlCopy code
<link rel="stylesheet" href="https://use.typekit.net/xxxxxxx.css">
Projeniz için varsayılan gömme kodunu bulmak için Web Projeleri sayfasını ziyaret edebilirsiniz. Bu gömme kodunu web sitenizin <head> etiketi içine ekleyerek fontları yükleyebilirsiniz.
Adım 1: Adobe Typekit Hesabınızı Oluşturun ve Proje Ekleyin
1.1. Adobe Typekit hesabınızı oluşturun veya mevcut bir hesapla giriş yapın.
1.2. Hesabınıza giriş yaptıktan sonra, "Web Projeleri" sayfasına gidin ve yeni bir proje oluşturun.
1.3. Oluşturduğunuz projenin detay sayfasında, varsayılan gömme kodunu bulun.
Adım 2: Drupal Temanızın HTML Twig Dosyasını Düzenleyin
2.1. Drupal yönetici paneline giriş yapın ve "Tema Yapılandırması" bölümüne gidin.
2.2. Temanızın bulunduğu konumu bulun (genellikle themes/custom/[tema_adı]).
2.3. Global templates klosöru içindeki html.html.twig dosyasını açın.
2.4. Aşağıdaki kodu <head> etiketi içine ekleyin:
<head>
<head-placeholder token="{{ placeholder_token }}">
<title>{{ head_title|safe_join(' | ') }}</title>
<link rel="stylesheet" href="https://use.typekit.net/xxxxxxx.css">
<css-placeholder token="{{ placeholder_token }}">
<js-placeholder token="{{ placeholder_token }}">
</head>
2.5. https://use.typekit.net/xxxxxxx.css kısmını, Adobe Typekit hesabınızdan alınan projenin gömme koduyla değiştirin.
Adım 3: Drupal Önbelleğini Temizleyin ve Kontrol Edin
3.1. Drupal yönetici panelinden "Performans" bölümüne gidin ve önbelleği temizleyin.
3.2. Web sitenizi ziyaret edin ve Adobe Typekit fontlarının doğru bir şekilde yüklendiğinden emin olun.
Artık Drupal web sitenizde Adobe Typekit fontlarını kullanarak tasarımınızı geliştirebilirsiniz.
Ofislerimiz
Drupart AR-GE
GOSB Teknopark Hi-Tech Bina 3.Kat B3 Gebze - KOCAELİ