2016-03-23 4 views
1

ウェブサイトで解放フォントを使用すると、標準テキストで正常に動作します。しかし、私はまた、そのフォントを私のテキストにリンクされたフォントとして使用したいが、以下のコードを使用してフォントを呼び出す/使用しない。フォントフェイス埋め込みフォントをハイパーリンクとして使用しても動作しません。

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 

} 

これは、埋め込まれた私のウェブサイト上のフォント(と私はそれがregualrのため正常に動作言ったように(非連動)テキスト)です。

@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; 

}

任意の提案ですか?

答えて

1

this answerをご覧ください。ほとんどのブラウザは、擬似クラスに適用できるスタイルを制限しているようです。私がリンクした答えは:visitedに適用されますが、同様の制限が:linkに適用されても驚くことはありません。とにかくあなたのフォントをすべてのタイプのリンクに使用したいと思っていると思います。aa:linkではありません。