Hey Leute,
ich habe ein kleines Problem mit Font-Face. Dank drPHIP132 habe ich eine schicke Schrift gefunden. Damit wollte ich eine hübsche Überschrift, die man anklicken kann und dann kommt auf die Startseite. Das ist alles gut gelaufen, aber dann gab es ein kleines Problemchen
Das Problem tritt auf, wenn der User den Cursor über die Überschrift "legt". Hier einmal der CSS-Code:
CSS
@font-face { font-family: 'HeaderFont'; src: url('eyelevation6-webfont.eot'); src: url('eyelevation6-webfont.eot?#iefix') format('embedded-opentype'), url('eyelevation6-webfont.woff') format('woff'), url('eyelevation6-webfont.ttf') format('truetype'), url('eyelevation6-webfont.svg#eyelevationproeyelevationpro') format('svg');}h1 { font-family: "HeaderFont", Arial, sans-serif; font-size: 40px; color: #f0f0f0; margin: 0px 20px 0px 0px; padding: 10px 10px 2px 10px; float: left; border-right: 1px solid #3e3e3e;}h1 a { color: #f0f0f0; text-decoration: none;}h1 a:hover { color: #1f7fbb;}
So sieht es im normalen Zustand aus:
html-seminar.de/woltlab/attachment/332/
Und so im hover-Zustand:
html-seminar.de/woltlab/attachment/333/
Beim hover-Zustand ist die Überschrift nicht ganz blau-gefärbt. Warum? (Rechts ist ein kleines weißes Stück)
Mit freundlichen Grüßen,
Philipp E.