php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 14.04.2011, 17:32  
Erfahrener Benutzer
 
Benutzerbild von dreamcatcher
 
Registriert seit: 28.12.2010
Beiträge: 599
PHP-Kenntnisse:
Anfänger
dreamcatcher wird schon bald berühmt werden
Standard [Erledigt] Best Practice: Web Fonts womit darstellen ?

Hallo,

ich benötige für Überschrifte eine spezielle (Noch nicht festgelegte) Schriftart.

Diese hat den Sinn, die gesamte Webseite aufzuwerten, in dem dadurch Hauptüberschriften noch mehr zur geltung kommen.

Auf meiner Reise durch GoogleCity kam ich dort auf folgende Möglichkeiten:

sIFR3 - Sehr oft verwendet, geht nur wenn Flash im Browser installiert ist
sIFR3 Lite! - Noch nicht so stark verbreitet, dafür angeblich schneller und kleiner
fontJazz - Basiert auf JS, verbreitung unbekannt
cufon - Keine Erfahrung vorhanden


Nun zu den Bedingungen:
Kostenlos
Auch in kommerziellen Projekten einsetzbar
Möglichst performant


Wie, sofern ihr so etwas schon einmal genutzt habt, macht ihr es ?
Und vor allem was nutzt ihr und aus welchem Grund habt ihr so gehandelt und diese Variante gewählt ?

Rein von der Verbreitung finde ich zu sIFR3 am meisten per Google, jedoch ist dies ebend Flash basiert... und wenn man Flash nicht braucht wieso sollte ich dann Flash verwenden... vor allem wenn User ohne Flash nicht einmal die Schriten lesen können im schlimmste Fall.

Danke im voraus

Geändert von dreamcatcher (15.04.2011 um 00:13 Uhr).
dreamcatcher ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 14.04.2011, 17:38  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

cufon erzeugt ein fürchterliches Markup wegen Einzelwortersetzung. Würde ich von abraten.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 14.04.2011, 20:21  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von dreamcatcher Beitrag anzeigen
Auf meiner Reise durch GoogleCity kam ich dort auf folgende Möglichkeiten:

sIFR3 - Sehr oft verwendet, geht nur wenn Flash im Browser installiert ist
sIFR3 Lite! - Noch nicht so stark verbreitet, dafür angeblich schneller und kleiner
fontJazz - Basiert auf JS, verbreitung unbekannt
cufon - Keine Erfahrung vorhanden
Keins davon hat wirklich etwas mit dem zu tun, was man heutzutage unter dem Stichwort Webfonts versteht.
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 14.04.2011, 20:49  
Erfahrener Benutzer
 
Benutzerbild von dreamcatcher
 
Registriert seit: 28.12.2010
Beiträge: 599
PHP-Kenntnisse:
Anfänger
dreamcatcher wird schon bald berühmt werden
Standard

Danke ChrisB, du hast mich auf eine Idee gebracht nach Webfonts allg. zu google und diese einbinden zu können, ohne dass der Client diese auf dem PC haben muss.

Dann stieß ich auf folgendes:
http://www.google.com/webfonts

Wie es aussieht erfüllt dies all meine Ansprüche und ist total einfach als CSS Datei einbindbar und per CSS auch der Schriftfamilie zuzuordnen.


Mein Kenntnisstand war, dass Clients keine Schriften lesen können welche sie nicht auf dem PC haben und dementsprechend muss die Schrift anders "transportiert" bzw. "on demand" erstellt werden.
dreamcatcher ist offline   Mit Zitat antworten
Alt 14.04.2011, 20:59  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard

Vollkommen OT: practise ist die britische Schreibweise des Verbs - das Substantiv schreibt sich aber auch dort practice.
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 14.04.2011, 21:20  
Erfahrener Benutzer
 
Registriert seit: 29.08.2008
Beiträge: 777
halskrause wird schon bald berühmt werden
Standard

Für kleinere Schriften sind die meisten (web-)fremdfonts nicht geeignet, weil diese zu 90% kein ClearType unterstützen. Für Überschriften ist es meist OK.

EDIT: Es können zudem Probleme mit Frendzeichen entstehen...

Geändert von halskrause (14.04.2011 um 21:27 Uhr).
halskrause ist offline   Mit Zitat antworten
Alt 15.04.2011, 15:55  
Erfahrener Benutzer
 
Registriert seit: 19.01.2010
Beiträge: 324
PHP-Kenntnisse:
Anfänger
chunky befindet sich auf einem aufstrebenden Ast
Standard

Das sifr-Zeugs habe ich mir früher auch einmal angeschaut. Würde jedoch davon abraten. Besonders weil Flash auf Webseiten nicht wünschenswert ist.

Die Google Web Fonts funktionieren ganz gut. Die Auswahl ist natürlich ein wenig beschränkt. Wenn du dir den CSS Code anschaust, dann kannst du aber eigentlich den Code auch auf jede beliebige Schriftart anwenden.
chunky ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Best Practise: Arrays unabhängig vom index zusammenfügen lh_as PHP-Fortgeschrittene 1 16.03.2010 15:47
Best Practise: Anlegen, Editieren und Verwaltung von Kunden RassyBaby PHP-Fortgeschrittene 8 14.05.2009 23:28
PHP MySQL Projekt Grafisch Darstellen ? Wie und Womit ? Cyberbob_at_tot Off-Topic Diskussionen 8 03.11.2005 14:28

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
webfonts verbreitung, best web fonts, best google webfonts, google fonts barrierefrei, verbreitung schriften web, fonts darstellen web, best practice darstellen, best practice webfont, 25 best website colour schemes, best of darstellen, schriften web darstellen, webfonts darstellen, fonts im web darstellen, as2 fonts registrieren, standard webfonts schriften verbreitung 2011 90%, best webfonts, sind google webfonts barrierefrei, schriftarten im netz darstellen, best google web font, webfonts best practice

Alle Zeitangaben in WEZ +2. Es ist jetzt 05:14 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum