Wie außer Kraft zu setzen globale Sheet

Question

Auf den Punkt gebracht, gibt es ein globales Sheet:

a { font-family: Arial; }

Ich möchte eine andere Schriftfamilie für einen bestimmten Link verwenden:

<a href="..." style="font-family: Helvetica;">...</a>

oder

<span style="font-family: Helvetica;"><a href="...">...</a></span>

aber nichts funktioniert. Gibt es eine einfache Möglichkeit, dies zu tun?

P. S. Ich bin dynamisch (via PHP) zuweisen verschiedene Schriftarten zu verschiedenen Links, so dass ein Sonderklasse schaffen, ist keine Option.

Answer 1

Wenn Sie eine bestimmte Schriftart namens Helvetica haben, sollten Sie, dass auf einigen Plattformen realisieren (wie Windows, über FontSubstitutes ) wird Helvetica Arial aliased. Das könnte die Ursache des Problems sein. Versuchen Sie eine andere Schriftart und sehen.

Answer 2

Ihr erster Versuch

  <a href="..." style="font-family: Helvetica;">...</a>

sollte gearbeitet haben. Einig, dass Sie wahrscheinlich fehlt eine Schriftart sind. Inline-Stile haben Vorrang vor allen möglichen anderen Arten neben einem benutzerdefinierten Stylesheet. Hier ist die Reihenfolge der Prioritäten für die Style-Definitionen:

1. Benutzerdefinierte Stil
2. Embedded oder Inline-Stylesheet
3. Interne Stylesheet
4. Externe Stylesheet
5. Browser Standardstil

Innerhalb eines Stylesheet sind die Prioritäten wie folgt:

1. Anything gekennzeichnet wichtig

2. id

3. .class-
4. -Element

Darüber hinaus haben Sie die Regel von größerer Spezifität: div a Überschreibungen a.

Hier ist ein guter Artikel mit mehr Details über das Thema .

@ Kip Vorschlag ist die beste Wahl.

Answer 3

Was haben Sie geschrieben funktionieren sollte, es sei denn, das Problem ist, was Chris wies darauf hin,

Wenn Sie ein Paar von Schriften erhalten, für die dies richtig funktioniert, könnte man bedenkt, dass ein besserer Weg, dies zu tun, eine Klasse für die speziellen Links zu erklären wäre, dass sich erinnert irgendwie an Warum sie benötigen eine separate Schriftart (vielleicht, weil Sie wollen, dass sie besonders aufzufallen?)

a { font-family: Arial; }
a .noticed { font-family: Helvetica; }

Dann in HTML:

<a class="noticed" href="...">...</a>

Ändern die Schrift durch einen span-Tag rund um den Link erstellen, oder das Hinzufügen von Inline-Stil auf den Link schmatzt nur von den alten Tagen der <font> Tags.

Answer 4

Element Arten Globale Stile außer Kraft setzen, so Chris Jester-Young wahrscheinlich richtig ist und Sie nicht wirklich eine Schriftart Helvetica haben; versuchen eine andere Schriftart z.B. Courier oder Times New Roman, die Sie sicher sind, existiert