Die Verwendung einer Schriftart mit eingebetteter Schrift als Hyperlink funktioniert nicht.

Question

Die Verwendung der Schriftart Liberation auf einer Website funktioniert gut für Standardtext. Allerdings möchte ich diese Schriftart auch als meine mit Text verknüpfte Schriftart verwenden, aber mit dem folgenden Code wird die Schriftart nicht aufgerufen/verwendet.

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 

} 

Dies ist die eingebettete Schriftart auf meiner Website (und, wie ich sagte, dass es für regualr (nicht verbunden) Text funktioniert gut).

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

}

Irgendwelche Vorschläge?

Answer 1

Werfen Sie einen Blick auf this answer - die meisten Browser scheinen zu begrenzen, welche Stile Sie auf einige Pseudo-Klassen anwenden können. Die Antwort, auf die ich mich bezog, gilt für :visited, aber ich wäre nicht überrascht, wenn ähnliche Einschränkungen auf :link gelten würden. Versuchen Sie nur das Styling a, nicht a:link - Ich vermute, Sie möchten wahrscheinlich Ihre Schriftart für alle Arten von Links trotzdem verwendet werden.