freaky-boy
Goto Top

Externe Fonts ind CSS einbinden

Hallo Miteinander,

ich bau gerade einen neuen Style für meine Seite bis ich auf das Problem gestoßen bin das Ich Schriftarten Benutze die vielleicht nicht jeder Benutzer auf seinem Rechner hat.
Nun stellt sich mir die Frage: Kann man Fonts in eine CSS Datei einbinden und wenn ja wie mach ich das?!

THX Freaky

Content-ID: 103272

Url: https://administrator.de/contentid/103272

Ausgedruckt am: 24.11.2024 um 14:11 Uhr

Sammy3485
Sammy3485 03.12.2008 um 20:57:30 Uhr
Goto Top
Ja und nein. Zumindest meines wissensstandes nach:
man kann die betreffenden Font als bevorzugt in der css angeben, alternative fonts sollten angegeben werden.
Alle die dann diesen besonderen Font bei sich haben bekommen sie so angezeigt, der rest nicht.

Allerdings rate ich davon ab schriftarten zu verwenden die nicht Windowsstandard sind! Leider...
11078
11078 03.12.2008 um 21:18:38 Uhr
Goto Top
Hallo,

technisch gibt es eine Möglichkeit:

http://de.selfhtml.org/css/eigenschaften/schrift_datei.htm#font_face

Zitat:

"Die Schriftartendatei, die Sie für die zugehörigen font-family-Angaben bestimmen, geben Sie mit src:url(Datei) an. Wenn sich die Schriftartendatei im gleichen Verzeichnis befindet wie die HTML-Datei, genügt die Angabe des Dateinamens. Andernfalls müssen Sie die genaue Lage der Schriftartendatei entweder durch eine relative Pfadangabe oder durch eine absolute Adressierung vom Typ http://... angeben.

Im obigen Beispiel sehen Sie, dass gleich zwei URI-Angaben notiert sind. Einmal wird eine eot-Datei als Schriftartenquelle angegeben, einmal eine pfr-Datei. Beide Formate sind browser-spezifisch: eot-Dateien sind Schriftartendateien, die der Internet Explorer (ab Version 4) als Web-Schriftarten erkennt; pfr-Dateien sind Schriftartendateien, die Netscape 4.x erkannte. Wenn Sie Ihre gewünschte Schriftart auch für diesen veralteten Browser zur Verfügung stellen wollen, können Sie beide Formate so einbinden wie im obigen Beispiel."


Jetzt kommt aber das große ABER:

Es handelt sich bei den einbettbaren Dateien nicht um herkömmliche Schriftartdateien, man muss hier spezielle erstellen:

http://de.selfhtml.org/inter/downloadschriftarten.htm


Gruß,
Tim
Nippie
Nippie 03.12.2008 um 21:23:13 Uhr
Goto Top
Hi,
Es ist leider nicht möglich den User deiner Seite die Schrift aufzudrängen oder so, du kanst sie lediglich zum Download bereitstellen. Wenn dir die Typo sehr wichtig ist und du keine allzulangen Texte hast, kannst du ja deine Texte in gifs umwandeln... Diese sind ja nicht all zu groß. Dabei geht natürlich die Systemkompabilität flöten :P.

Mfg Nippie
Freaky-Boy
Freaky-Boy 03.12.2008 um 21:32:53 Uhr
Goto Top
danke euch ich werde das ma versuchen wie es da Beschrieben ist. Die Frage ist ja nur wie sich andere Browser darauf verhalten zum Beispiel Firefox. Die frage ist erstmal wo oder wie ich die Dateien umwandeln kann aber ich vermute da lässt sich was finden...
16568
16568 03.12.2008 um 21:34:08 Uhr
Goto Top
@sammy:
ein Teil davon stimmt, sprich, in der CSS kann der Designer die bevorzugten Fonts definieren.

@Nippie:
das mit den GIFs bläht die Seite ja auch nicht gerade auf...
Für Überschriften, ja, aber suma-technisch voll der Supergau, daher lieber lassen...

@11078:
*würg* wir leben im Zeitalter von Web 2.0, da ist der alte Tobak dann wohl doch zu begraben, noch dazu, da er ja eh nur auf dem IE funktioniert...


@threadersteller:
doch, man kann dem User seine Hausschrift aufs Auge drücken;
ist nur nicht sinnvoll, und die meisten Besucher würden das auch sicherlich ablehnen.


Daher auch kein Hinweis von mir, wie es geht.
Nur der Hinweis darauf, das Design doch so zu ändern, daß es auch mit den Standard-Fonts gut aussieht...


Lonesome Walker
Freaky-Boy
Freaky-Boy 03.12.2008 um 21:39:14 Uhr
Goto Top
wenn man sie auf auge drücken kann sann sag auch wie es geht denn die entscheidung ist ja meine....
16568
16568 03.12.2008 um 23:01:42 Uhr
Goto Top
Zitat von @Freaky-Boy:
wenn man sie auf auge drücken kann sann sag auch wie es geht denn
die entscheidung ist ja meine....

Irrtum, denn es ist meine (oder der anderen hier) Entscheidung, Dir mitzuteilen, wie es machbar wäre.

Nimm Dir doch einfach mal einen Ratschlag von einem PRO zu Herzen...


Lonesome Walker
Freaky-Boy
Freaky-Boy 03.12.2008 um 23:09:25 Uhr
Goto Top
na klar kein ding also danke euch für eure hilfe....
jogy04
jogy04 31.07.2011 um 23:04:27 Uhr
Goto Top
Du bist ja nen schöner PRO. Ich dachte eigentlich das Foren dazu gemacht sind um Lösungen zu finden aber du willst dich anscheinend nur wichtig machen. Es gibt Leute die alle Möglichkeiten der Webgestaltung kennen lernen möchten und es gibt Leute die Webseiten schöner gestalten möchten als nur Standard und dafür gibt es wohl auch die Möglichkeit Schriften einzubinden. Du fühlst dich vielleicht belästigt, weil es dir nicht gefällt aber so viele Web- Schriften gibt es nicht und die langweiligen Standartschriften sind vielleicht in einem 0815 Shop gut.

Wie siehts hiermit aus? http://themeforest.net/item/etherna-powerful-and-flexible-htmlcss-templ ...

Kann durchaus sinvoll sein andere Schriften zu nehmen.

Also hör auf anderen deine Meinung aufzudrengen. Da sucht man nach Lösungen und findet hier so einen möchte gern PRO. Das braucht die Welt. So hast du bestimmt auch dazu gelernt?

So dann kann mein Profil wieder gelöscht werden. Wollt das nur mal loswerden.
veganerin
veganerin 20.03.2012 um 09:38:22 Uhr
Goto Top
@lonesome Walker 03.12.2008, 23:01:42

Diese Argumentation klingt nicht nur anmaßend, sondern ist auch nicht gut durchdacht. Es gibt nämlich Situationen, in denen die Besucher genau die Typographie interessiert und genau deswegen auf die Seite kommen. Aus diesem Grund war ich hier aufgeschlagen. Ich wollte mich über eine Möglichkeit informieren, Schrifttypen darzustellen ohne dass die Besucher meiner Seite diese auf ihrem System installieren müssen; eine Aktion für die sie ggfs. gar keine Rechte haben.
Freaky-Boy
Freaky-Boy 20.03.2012 um 18:18:05 Uhr
Goto Top
also die lösung ist gefunden. ich habe meine externen schriftarten eingebunden.
einmal in form von ttf und einmal in form von eot dateien.

nun habe ich ihn soweit dass alle browser das auch so umsetzten mit außnahme vom chrome.
wie kann ich dem denn eine externe schriftart einbinden? bzw was braucht der denn für dateitypen?