mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 20:03 Benutzername: Passwort: Auto-Login

Thema: Non-Web-Font als Seitenfont verwenden? vom 06.08.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Non-Web-Font als Seitenfont verwenden?
Seite: 1, 2  Weiter
Autor Nachricht
unzi
Threadersteller

Dabei seit: 28.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 06.08.2010 01:36
Titel

Non-Web-Font als Seitenfont verwenden?

Antworten mit Zitat Zum Seitenanfang

Hi Leute,
ich weiß nicht wie ich genau definieren soll, was ich suche. Es ist aber ganz einfach:
www.designmadeingermany.de verwendet laut firebug die font-family:
"ff-din-round-web-1","ff-din-round-web-2","DIN Round Pro",arial
Ich würde gerne wissen, wie ich das auch hinbekomme, dass ich eine spezifische Schrift, die nicht auf dem Rechner des normalen User hinterlegt ist als Standardschrift für eine Website benutzen kann.
Vielen Dank im Voraus
Ivo
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Fr 06.08.2010 02:07
Titel

Re: Non-Web-Font als Seitenfont verwenden?

Antworten mit Zitat Zum Seitenanfang

unzi hat geschrieben:
www.designmadeingermany.de verwendet laut firebug die font-family:
"ff-din-round-web-1","ff-din-round-web-2","DIN Round Pro",arial

Schreiben kann man viel *zwinker* In jedem Falle tun sie nix dafür, dass die Schrift auch bei Nutzern erscheint, auf deren Rechner sie nicht installiert ist. Was letztlich aber sogar schlau ist, denn Dein Vorhaben ist immer performance-raubend (und neuerdings ist die Performance einer Website ja sogar ein Google-Ranking-Kriterium).

Soll die Schrift bei wirklich bei jedem User erscheinen, muss man schon nachhelfen - u.a. in diesem Thread gibt es ein paar Möglichkeiten: http://www.mediengestalter.info/forum/4/eine-nicht-webschrift-in-html-css-einbinden-144283-1.html
  View user's profile Private Nachricht senden
Anzeige
Anzeige
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 06.08.2010 08:04
Titel

Antworten mit Zitat Zum Seitenanfang

Die oben genannte Seite nutzt Typekit:

http://typekit.com/

Erkennt man tatsächlich nur am eingebetteten Javascript.
  View user's profile Private Nachricht senden
mode93

Dabei seit: 17.07.2006
Ort: Berlin
Alter: 45
Geschlecht: Männlich
Verfasst Fr 06.08.2010 08:12
Titel

Antworten mit Zitat Zum Seitenanfang

Ich möchte meinen, dass es mit html5 auch geht.

http://www.apple.com/html5/showcase/typography/

Aber ich bin noch nicht ganz wach..
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 06.08.2010 08:20
Titel

Antworten mit Zitat Zum Seitenanfang

Du meinst sicher die @font-face Regel, das ist in aktueller Implementierung ein CSS 3-Feature, nicht Html 5

http://www.w3.org/TR/css3-fonts/#the-font-face-rule

Kann der IE mit eingeschränkten Font-Formaten bereits seit Version 5, soweit ich weiß.
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 06.08.2010 08:27
Titel

Antworten mit Zitat Zum Seitenanfang

Es gibt momentan für die externe Font-Einbettung grundsätzlich zwei gute Wege (und einige weniger gute).

Zum einen die @font-face Regel, mit der eine Schriftartdatei verlinkt wird. Hier muss man unbedingt die Lizenzbedingungen beachten, zudem unterstützt der IE bis Version 8 nur das .eof Format, der Firefox ab Version 3.6 das .woff Format und so weiter...
Wegen dieser Verbreitungsschwierigkeiten gibt es nun auch noch Services wie typekit oder z.b. Google Font Directory, mit dessen Hilfe per Javascript eine Schriftart eingebunden wird, die man dann im CSS einfach ansprechen kann.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Fr 06.08.2010 10:44
Titel

Antworten mit Zitat Zum Seitenanfang

bacon hat geschrieben:
Die oben genannte Seite nutzt Typekit:

http://typekit.com/

Erkennt man tatsächlich nur am eingebetteten Javascript.

Stimmt, allerdings kommt bei mir trotzdem überall nur Arial, deswegen hatte ich gar nicht weiter in den HTML-Code geschaut.


Zuletzt bearbeitet von heiko_rs am Fr 06.08.2010 10:45, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 06.08.2010 11:14
Titel

Antworten mit Zitat Zum Seitenanfang

heiko_rs hat geschrieben:
Stimmt, allerdings kommt bei mir trotzdem überall nur Arial, deswegen hatte ich gar nicht weiter in den HTML-Code geschaut.

Browser, OS, JS aktiv / JS Blocker?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Font als Link verwenden
Smileys verwenden...
[SEO] Software verwenden?
Non-Web Schrift verwenden
Javascript mit CSS verwenden
[AS2] - Tween-Klasse verwenden
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.