• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Custom font einbinden?

AtroxExta

Neues Mitglied
Hey Leute,
würde gerne auf meiner Website ne Schriftart (Scriptina) einbinden, die ich mir wo runtergeladen hatte, aber irgendwie klappt des nicht so wie in diversen Anleitungen die ich beim googlen gefunden hatte . :D Hatte auch verschiedene Wege ausprobiert, alles ohne Erfolg.

Sieht bei mir so aus:
Code:
@font-face {
font-family: Scriptina;
src: url('SCRIPTIN.ttf');
font-style: normal;
font-weight: normal;
}

Die Schriftart sollte eigentlich z.B. direkt im Header für "Studio de Danse" verwendet werden, aber stattdessen zeigt er mir irgendeine Standart Schriftart an. Hier der Link... http://atroxexta.bplaced.net/index.html

Was mach ich falsch? Kann man die bestimmte Schriftart vielleicht nicht einbinden oder so?
Liebe Grüße
 
Ein paar Dinge:
Erstens wird - anders als unter Windows - im Web zwischen Groß- und Kleinschreibung unterschieden.
Zweitens muss der Pfad zur Datei stimmen. Deine Seite liefert einen "NetworkError: 404 Not Found - http://atroxexta.bplaced.net/css/scriptina.tff".
Drittens solltest du dein .ttf in geeignete Webfonts konvertieren. Dafür gibt es z.B. http://www.fontsquirrel.com/tools/webfont-generator
Viertens ist "irgendwo heruntergeladen" keine gute Idee und kann bei einer zumal noch kommerziellen Seite zur Abmahnung wegen Verstoßes gegen das Urheberrecht führen.
 
Zuletzt bearbeitet:
Danke für die Antwort,
was meinst du wo ich einen Groß-/Kleinschreibungsfehler gemacht hab? Versteh nicht ganz was du meinst.
Dachte auch schon dass es an nem falschen Pfad liegen könnte, aber es funktioniert nicht egal welchen ich angebe.
Und "irgendwo runtergeladen" war wohl ein bisschen schluderig ausgedrückt, ich hatte die font von dafont oder was Ähnlichem (ich wusste nur nicht mehr genau woher) und hab natürlich auf die lizenz geachtet, ist freeware ;)

Werds dann mal mit dem Konverter versuchen, danke für den Tipp :)



edit: falls ichs richtig gemacht hab - und ich nur die 3 font dateien rüberziehen und den code fürs stylesheet übernehmen muss - funktionierts so leider auch nicht...
 
Zuletzt bearbeitet:
Ich hatte mich bei der Großschreibung hierauf bezogen: SCRIPTIN.ttf. Gewöhne dir an, Dateinamen kleinzuschreiben und auf Umlaute verzichten.
 
@Tronjer hat doch eigentlich schon alles gesagt... schau mal in deinen CSS Ordner und was du in deinem CSS file aufrufst... endungen gross- klein schreibung usw...

.tff statt .ttf

back.png
Parent Directory -
unknown.png
SCRIPTIN.ttf 2014-06-14 17:52 80K
image.png
background.jpg 2014-06-14 15:25 117K
unknown.png
scriptin-webfont.eot 2014-06-14 17:52 61K
unknown.png
scriptin-webfont.ttf 2014-06-14 17:52 101K
unknown.png
scriptin-webfont.woff 2014-06-14 17:52 66K
unknown.png
scriptina.ttf.ttf 2014-05-14 16:07 80K
text.png
stylesheet.css 2014-06-14 17:52 3.0K
 
Zurück
Oben