Linkleiste wie gestalten

[Beni]

Hallo. Ich bin eigentlich noch ein Anfänger mit Html und CSS.
Und ich hab eine Frage zur Linkleiste.
Ich müsste eine Linkleiste einbaun, die eine Schriftart hat, die ich aus dem Internet habe. Wegen der Schrift gibt es keine rechtlichen Probleme, als das wäre jetz kein Problem.
Nur mein Problem ist das ich jetzt nicht weiß wie ich die Schriftart einbauen kann, so dass auch jeder die "besondere" Schrift sieht?
Wär sehr dankbar für eure Hilfe :)

[ChrisB]

Hi,

Nur mein Problem ist das ich jetzt nicht weiß wie ich die Schriftart einbauen kann, so dass auch jeder die "besondere" Schrift sieht?

Stichworte: Web Fonts, @font-face

MfG ChrisB

[Matthias Apsel]

Stichworte: Web Fonts, @font-face

Ergänzung: Starte in unserem Wiki.

Matthias

[Beni]

Stichworte: Web Fonts, @font-face

Könntet ihr mir dafür auch einen Link geben?

Ergänzung: Starte in unserem Wiki.

In welchem Wiki den jetzt? Ich hab auf Selfhtml schon gesucht, aber leider nichts genaues gefunden....

[Matthias Apsel]

Om nah hoo pez nyeetz, Beni!

In welchem Wiki den jetzt? Ich hab auf Selfhtml schon gesucht, aber leider nichts genaues gefunden....

Guckst du auf der Startseite des Forums nach einem hellbraunen Kasten ...

Matthias

[Beni]

Om nah hoo pez nyeetz, Beni!

In welchem Wiki den jetzt? Ich hab auf Selfhtml schon gesucht, aber leider nichts genaues gefunden....

Guckst du auf der Startseite des Forums nach einem hellbraunen Kasten ...

Matthias

Hab das ganze jetz durchgesehen. Ich hab jetz aber noch ein Problem und zwar ist der Schrifttyp den ich hab ttf und ich bräuchte den aber in eot.
Jetz hab ich versucht die Schrift mit font2web.com umzukonvertieren und wenn ich das Beispiel anschau funktioniert da auch alles. Nur wenn ich jetzt versuch den Code in meine Homepage einzubaun funktionierts wieder nur im Firefox aber im InternetExplorer nicht.... Wo kann das Problem sein?

[ChrisB]

Hi,

Nur wenn ich jetzt versuch den Code in meine Homepage einzubaun funktionierts wieder nur im Firefox aber im InternetExplorer nicht.... Wo kann das Problem sein?

</hilfe/charta.htm#tipps-fuer-fragende>

MfG ChrisB

[Beni]

Hi,

Nur wenn ich jetzt versuch den Code in meine Homepage einzubaun funktionierts wieder nur im Firefox aber im InternetExplorer nicht.... Wo kann das Problem sein?

</hilfe/charta.htm#tipps-fuer-fragende>

MfG ChrisB

Ok. Genaue Problembeschreibung:
Ich hab das jetzt geschafft, dass die Schrift die ich wollte im Firefox ausgeführt wird. Nur wenn ich die Homepage jetz mit dem Internet Explorer öffne wird die Schrift nur in Times New Roman oder was ähnlichem angezeigt, also nicht in der Schrift die ich will. Fehlermeldungen gibt es nicht.

Ich hab die Firefox Version 5.0 und Internet Explorer 8

Hier ist der CSS Code:
@font-face {
font-family:"Conv_Enya";
src: url('fonts/enya.eot#') format('eot');
src: url('fonts/enya.woff') format('woff'),
url('fonts/enya.ttf') format('truetype'),
url('fonts/enya.svg#svgFontName') format('svg');
}

Bis jetzt hab ich es erst geschafft das ich die Schriftart umkonvertiert habe. Ich hab auch ein bisschen versucht den Code zu verändern, aber das hilft leider alles nichts...

Und danke an alle die mir bis jetzt geholfen haben :)

[Matthias Apsel]

Om nah hoo pez nyeetz, Beni!

font-family:"Conv_Enya"; src: url('fonts/enya.eot#') format('eot');

--------------------------------------------^

Vergleiche bitte genau die Syntax.

Matthias

[Beni]

Om nah hoo pez nyeetz, Beni!

font-family:"Conv_Enya";
src: url('fonts/enya.eot#') format('eot');
--------------------------------------------^

Vergleiche bitte genau die Syntax.

Matthias

Ich hab jetz alles ganz genau verglichen ob alles stimmt und es hat alles nichts gebracht.
Der Strichpunkt nach dem format('eot) gehört weg und es kommt nur ein ,
aber mehr hab ich nicht gefunden...

[Beni]

Hm ich hab jetz herausgefunden, dass es mit dem Code von der Homepage in der die Schrift umkonvertiert wurde ja funktioniert. Aber wo ist der unterschied im Code?

Code der Homepage:
@font-face {
font-family: 'Conv_Enya';
src: url('fonts/Enya.eot');
src: local('☺'), url('fonts/Enya.woff') format('woff'),
                         url('fonts/Enya.ttf') format('truetype'),
                         url('fonts/Enya.svg') format('svg');
font-weight: normal;
font-style: normal;
}
_____________________________________________________________________
Html Code der Homepage:

<style type="text/css">  
body {  
	background-color:white;  
	font-family:Verdana,Tahoma,Arial,Sans-Serif;  
	color:black;  
	font-size:12px;  
}  

.demo  
{  
	font-family:'Conv\_Enya',Sans-Serif;  
	width:800px;  
	margin:10px auto;  
	text-align:left;  
	border:1px solid #666;  
	padding:10px;  
}  
</style>  

<div class="demo" style="font-size:25px">  
	The quick brown fox jumps over the lazy dog.  
</div>  

Warum funktioniert dieser und meiner nicht? Was bedeutet das "local('☺')"?????

[ChrisB]

Hi,

Warum funktioniert dieser und meiner nicht?

Im Zweifelsfalle ggf. einfach deshalb, weil die den Namen der Ressourcen korrekt notiert haben, was Groß-/Kleinschreibung angeht, und du nicht.

Was bedeutet das "local('☺')"?????

Was bedeuten die vielen Fragezeichen?

Das soll Fehler ausbügeln, die bestimmte Browser sonst beim Anfordern der Schriftdateien machen. http://paulirish.com/2010/font-face-gotchas/#smiley

MfG ChrisB

[Matthias Apsel]

Om nah hoo pez nyeetz, ChrisB!

Das soll Fehler ausbügeln, die bestimmte Browser sonst beim Anfordern der Schriftdateien machen. http://paulirish.com/2010/font-face-gotchas/#smiley

deutsche Variante

Matthias

[Beni]

Ich muss jetz echt mal ein großes Danke an euch alle sagen die mir geholfen haben. Jetzt funktioniert alles :)
Danke danke danke.

Aber eine Frage hab ich noch. Macht es was aus wenn die Codierung jetzt UTF-8 ist? Und funktioniert die Codierung auf den meisten Browsern? Und funktioniert das mit dem Smiley auch auf so gut wie allen Browsern?
lg :)

[Gunnar Bittersmann]

@@Beni:

nuqneH

Aber eine Frage hab ich noch. Macht es was aus wenn die Codierung jetzt UTF-8 ist?

Im Gegenteil, es würde etwas ausmachen, wenn sie es nicht wäre.

Und funktioniert die Codierung auf den meisten Browsern?

Ja. (Vorzugsweise ohne BOM.)

Qapla'