Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

css te iki font-face birbirine karışıyor

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
2
Cevap
0
Favori
310
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
Öne Çıkar
0 oy
Sayfa: 1
Giriş
Mesaj
  • Merhabalar, aşağıdaki gibi yazdım. Fakat font-family ile fontu gösterince sadece lato olarak kabul ediyor. Onun dışında default fonta geçiyor. Aynı fontun farklı şekillerini nasıl font-family ile gösterebiliri
    m?
    Teşekürler







    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <style type="text/css">
    @font-face {
    font-family: "lato";
    src: url(http://repo.whostii.com/Lato-Semibold.ttf/) format("truetype");
    }
    @font-face {
    font-family: "lato";
    src: url(http://repo.whostii.com/Lato-Regular.ttf/) format("truetype");
    }




    ad {
    font-family: "lato";
    font-size: 26pt;
    }

    pozisyon {
    font-family: "lato";
    font-size: 18pt;
    }
    </style>

    </head>
    <body>
    <ad>ABC</ad>
    <br>
    <pozisyon>BCD</pozisyon>
    </body>
    </html>



    _____________________________




  • Kardeşim zaten Lato fontunu ve 10 farklı şeklini Google fonta ücretsiz olarak bulabilir ve kullanabilirsin.

    Örnek olarak Google.com/fonts da lato diye arat.Quick use dan fontun istediğin tiplerini seç sonra head arasına ekle dilediğin gibi kullan.

    Mesela

    Ben normal(regular),light ve kalın olanları seçtim.Bana aşağıdaki linki verdi

    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>

    bunu head tagları arasına ekle.Sonra Kullanmak istediğin yerde şöyle yap;

    h2 {
    font: bold 32px/42px "Lato", sans-serif;

    }
    yada
    h2 {
    font-familt: "Lato", sans-serif;
    font-weight: 700;
    }

    p {
    font: normal 16px/22px "Lato", sans-serif;
    }
    _____________________________
    wreply.com || Web Tasarımcı Blogu
    • Yapay Zeka’dan İlgili Konular
    Altyazılar için hangi font'u kullanıyorsun?
    12 yıl önce açıldı
    Chrome'da web sayfalarında yazılar garip görünüyor
    11 yıl önce açıldı
    Word'de şekiller kayıyor tabloya girmiyor ?
    4 yıl önce açıldı
    Daha Fazla Göster
    
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz, DH'yi kullanırken depoladığımız çerezlerle ilgili veri politikamıza gözatın.
Kabul Ediyorum