2016-03-23 20 views
1

Bir web sitesindeki Liberation yazı tipini kullanmak standart metin için iyi çalışır. Ancak bu yazı tipini metin bağlantılı yazı tipim olarak kullanmak istiyorum ancak aşağıdaki kodu kullanarak yazı tipini çağırmaz/kullanmaz.Köprü olarak bir font-face gömülü font kullanma

a:link { 
color: #69f; 
font-family: liberation_sansbold; 
font-size: 18px; 
font-style: normal; 
font-weight: bolder; 
font-variant: normal; 
text-transform: uppercase; 
text-decoration: none 

} 

Bu web sitemde gömülü yazı (ben regualr için çalışıyor söylediği gibi ve (bağlantılı olmayan) metin) olduğunu.

@font-face { 
font-family: 'liberation_sansbold'; 
src: url('website.com/liberationsans-bold-webfont.eot'); 
src: url('website.com/liberationsans-bold-webfont.eot?#iefix')  format('embedded-opentype'), 
    url('website.com/liberationsans-bold-webfont.woff2') format('woff2'), 
    url('website.com/liberationsans-bold-webfont.woff') format('woff'), 
    url('website.com/liberationsans-bold-webfont.ttf') format('truetype'), 
    url('website.com/liberationsans-bold-webfont.svg#liberation_sansbold') format('svg'); 
font-weight: normal; 
font-style: normal; 

}

herhangi bir öneriniz?

cevap

1

this answer'a bir göz atın; çoğu tarayıcı, bazı sözde sınıflara uygulayabileceğiniz stilleri sınırlıyor gibi görünüyor. Bağlandığım yanıt :visited için geçerlidir, ancak :link'a benzer sınırlamalar uygulandığında şaşırmam. Sadece a, değil a:link şekillendirme deneyin - muhtemelen yazı tipinizin zaten her türlü bağlantı için kullanılmasını istediğinizi tahmin ediyorum.

İlgili konular