Welche 7 WEb-Fonts dürfen/sollten in Fließ/Lesetexten auf Websiten verwendet werden?
Arial
Times New Roman
Verdana
Gerogia
Tahoma
Trebuchet MS
Lucida Sans
Welche beiden Schriften wurden speziell für das Web entwickelt?
Verdana und Georgia
Durch welche Merkmale ist die Verdana als Web-Font geeignet und auch in kleinen Schriftgrößen gut lesbar?
läuft vergleichsweise breit
relativ hohe Mittellängen (x-Höhe)
große Innenräume (Punzen)
einfache Zeichenformate
Welchen Fehler hat die Standardversion der Verdana?
Schließende Anführungszeichen stehen verkehrt, wesshalb Guillemets verwendet werden sollten -> »Guillemets«
Wodurch sind klassische Webfonts auch für die Darstellung mit grob auflösenden Ausgabegeräten ausgelegt?
Durch
kräftige Striche
vergleichsweise einfachen Buchstabenformen
offene Innenräume
relativ hohe Mittellängen
Was passiert bei ungeglätteter Darstellung?
alle Pixel, deren Zentren innerhalb der Zeichenkontur liegen, werden in der Farbe der Schrift dargestellt, alle anderen Pixel in der Hintergrundfarbe
Was passiert bei einfacher Kantenglättung?
Teils innerhalb und teils außerhalb der Schirftkontur liegende Pixel werden durch eine entsprechende Mischfarbe aus Schrift und Hintergrundfarbe
Was passiert bei der Glättung mit Subpixel-Rendering?
Bei Subpixel-Rendering werden jeweils drei RBG Subpixel einzeln berechner und angesteuert
Was vermeidet Kantenglättung?
Vermeidet Pixeligkeit und führt zu recht guter Wiedergabe der tatsächlichen Zeichenformen
Was ist der Nachteil von Kantenglättung?
Unschärfe
Welche Eigenschaften haben Schriften, die nicht gut als Webfonts geeignet sind?
Schriften mit
feinen Haarstrichen und Serifen
engen und differenziert ausgearbeiteten Zwischenräumen
niedrigen Mittellängen
kursive Schriften
Handschriftliche Antiquas und Schreibschriften
Worafu kommt es neben der Wahl der Schriften noch an?
ausreichende Schrifrgröße
nicht zu geringer Zeilenabstand
Welche mindest Versalhöhe ist erforderlich für gute Lesbarkeit am Monitor?
Versalhöhe von min. 3,2mm
Wovon hängt die visuell wahrgenommene Größe der Zeichen ab?
Von Mittellänge und Größe der Innenräume
Was ist die Faustregel für Mindestschrifrgrößen am Monitor? Welche Fonts erfüllen die Faustregel?
Die Mittellänge darf nicht kleiner als 7 Pixel sein
—> Erfüllen Verdana, Tahoma und Lucida Sans ab Schriftgrö0e 12 Pixel
Was machen Webfonts möglich?
Schriften mittels CSS einzubinden, die nicht auf dem Computer des Anwenders installiert sind
Mit welcher CSS Eigenschaft werden (mehrere) Schriftarten auf einer Website eingebunden?
font-family - Schriften werden als Font Strack hintereinander aufgelistet, sodass wenn eine nicht installiert ist, auf die nächst folgende zurückgegriffen werden kann
p{ font-family: Georgia, “Times New Roman”, serif;}
Welche Webfont Dateiformate gibt es?
EOT, TTF, WOFF, SVG
Was heißt EOT-Format und wovon wird es unterstützt?
Embedded Open Type - ausschließlich unterstützt von IE
Was heißt TTF-Format und wovon wird es unterstützt?
True Type Format - unterstützt durch Firefox, Safari, Chrome und Opera
Was heißt WOFF-Format und wovon wird es unterstützt?
Web Open Font Format - Standard, wird von modernisierten Browsern unterstützt, komprimiert verlustfrei
Was heißt SVG-Format und wovon wird es unterstützt?
Scalable Vector Graphics - Für die Darstellung auf dem iPhone und iPad
Wie werden Webfonts von einem Schriftenanbieter im CSS eingebunden
Im Head der HTML Datei wird über den die Website angegeben <link> Tag
<link href=”https://…”>
Auf die geweilige Schriftart wird dann in CSS durch font-family zugegriffen
p {font-family:”Schriftart”;}
Wie werden Schriftarten eingebunden, die als Datei vorliegen?
Alternativ zu <link> wird die Datei mit @font-face eingebettet, müssen allerdings im gleichen Verzeichnis wie die HTML Datei liegen
Beispiel:
@font-family{
font-family: ‘Georgia’ //Name der Schrift
url(‘georgia.ttf’)(format(‘truetype’)}
Last changeda year ago