Linkleiste wie gestalten
Der folgende Beitrag wurde am 08. 08. 2011, 20:29 Uhr von Matthias Apsel veröffentlicht.
> Stichworte: Web Fonts, @font-face
Ergänzung: Starte in unserem Wiki.
Matthias
--
1/z ist kein Blatt Papier.
Der folgende Beitrag wurde am 08. 08. 2011, 20:19 Uhr von Beni veröffentlicht.
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 :)
Der folgende Beitrag wurde am 08. 08. 2011, 20:21 Uhr von ChrisB veröffentlicht.
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
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
Der folgende Beitrag wurde am 08. 08. 2011, 20:29 Uhr von Matthias Apsel veröffentlicht.
> Stichworte: Web Fonts, @font-face
Ergänzung: Starte in unserem Wiki.
Matthias
--
1/z ist kein Blatt Papier.
Der folgende Beitrag wurde am 08. 08. 2011, 20:35 Uhr von Beni veröffentlicht.
> > 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....
Der folgende Beitrag wurde am 08. 08. 2011, 20:47 Uhr von Matthias Apsel veröffentlicht.
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
--
1/z ist kein Blatt Papier.
Der folgende Beitrag wurde am 09. 08. 2011, 16:26 Uhr von Beni veröffentlicht.
> 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?
Der folgende Beitrag wurde am 09. 08. 2011, 17:51 Uhr von ChrisB veröffentlicht.
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
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
Der folgende Beitrag wurde am 09. 08. 2011, 19:48 Uhr von Beni veröffentlicht.
> 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 :)
Der folgende Beitrag wurde am 09. 08. 2011, 19:52 Uhr von Matthias Apsel veröffentlicht.
Om nah hoo pez nyeetz, Beni!
> font-family:"Conv_Enya";
> src: url('fonts/enya.eot#') format('eot');
--------------------------------------------^
Vergleiche bitte genau die Syntax.
Matthias
--
1/z ist kein Blatt Papier.
Der folgende Beitrag wurde am 09. 08. 2011, 20:43 Uhr von Beni veröffentlicht.
> 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...
Der folgende Beitrag wurde am 09. 08. 2011, 20:52 Uhr von Beni veröffentlicht.
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('☺')"?????
Der folgende Beitrag wurde am 09. 08. 2011, 21:10 Uhr von ChrisB veröffentlicht.
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
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
Der folgende Beitrag wurde am 09. 08. 2011, 21:17 Uhr von Matthias Apsel veröffentlicht.
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
--
1/z ist kein Blatt Papier.
Der folgende Beitrag wurde am 10. 08. 2011, 10:04 Uhr von Beni veröffentlicht.
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 :)
Der folgende Beitrag wurde am 10. 08. 2011, 10:43 Uhr von Gunnar Bittersmann veröffentlicht.
@@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'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4
