Autor |
Nachricht |
Wienerr
Threadersteller
Dabei seit: 12.08.2011
Ort: Nürnberg
Alter: 39
Geschlecht:
|
Verfasst Mo 01.10.2012 11:25
Titel fontface macht font schlampig |
|
|
hallo,
ich benutze keine webstandartschrift, wenn ich diese schrift mit fontface einbinde sehen die<h2> schlampig aus, die höhe der einzelnen buchstaben varieren und auch die größen. die<h1> sehen dagegen ok aus und es gibt keine verunstaltungen außer dass das "B" etwas verzerrt ausschaut. die entsprechenden formate für unteschiedlichen browser sind auch vorhanden(eot, woff, ttf, svg). woran kann es liegen?
edit: so wie es ausschaut liegt es nicht an den <h>s sondern an der schriftgröße. ich habe die größe der<h2>s vergrößert und jetzt sehen die wieder ok aus.
Zuletzt bearbeitet von Wienerr am Mo 01.10.2012 11:40, insgesamt 1-mal bearbeitet
|
|
|
|
|
ChrisKam
Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht:
|
Verfasst Mo 01.10.2012 11:40
Titel
|
|
|
Das ist völlig normal. Man muss vorher testen, welche Größen funktionieren, und welche nicht - und zwar mit allen gängingen Browsern auf allen gängigen Betriebssystemen. Die nicht klappen, benutzt man halt nicht.
Vorher sollte man natürlich darauf achten, dass keine Schrift künstlich fett gemacht wird - also font-weight: normal auch bei <strong>, <h2> etc. angewandt wird (mittels CSS).
|
|
|
|
|
Anzeige
|
|
|
pRiMUS
Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht:
|
Verfasst Di 02.10.2012 07:37
Titel
|
|
|
außerdem sollte man darauf achten, das dinge wie bold usw nicht über css formatiert werden sollten (wie es bei h2 der fall ist), sondern hierfür ein extra bold schnitt verwendet werden sollte.
|
|
|
|
|
ChrisKam
Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht:
|
Verfasst Di 02.10.2012 08:34
Titel
|
|
|
..genau das meinte ich auch mit meiner etwas kryptischen Antwort
|
|
|
|
|
pRiMUS
Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht:
|
Verfasst Di 02.10.2012 10:50
Titel
|
|
|
ChrisKam hat geschrieben: | ..genau das meinte ich auch mit meiner etwas kryptischen Antwort |
und ich habs gar nicht gesehen in deinem post aber ja, genau das meinte ich, was du meintest
|
|
|
|
|
Wienerr
Threadersteller
Dabei seit: 12.08.2011
Ort: Nürnberg
Alter: 39
Geschlecht:
|
Verfasst Di 02.10.2012 14:24
Titel
|
|
|
danke für antworten.
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Di 02.10.2012 14:57
Titel
|
|
|
ChrisKam hat geschrieben: | ...
Vorher sollte man natürlich darauf achten, dass keine Schrift künstlich fett gemacht wird - also font-weight: normal auch bei <strong>, <h2> etc. angewandt wird (mittels CSS). |
Anstatt "font-weight" und "font-style" generell auf "normal" zu zwingen, finde ich es sinnvoller, die verschiedenen Schnitte dem entsprechenden Fontnamen zuzuordnen.
Hier mal am Beispiel der "Ubuntu":
Code: | @font-face {
font-family: 'Ubuntu';
src: url('ubuntu-fontfacekit/Ubuntu-R-webfont.eot');
src: url('ubuntu-fontfacekit/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
url('ubuntu-fontfacekit/Ubuntu-R-webfont.woff') format('woff'),
url('ubuntu-fontfacekit/Ubuntu-R-webfont.ttf') format('truetype'),
url('ubuntu-fontfacekit/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('ubuntu-fontfacekit/Ubuntu-RI-webfont.eot');
src: url('ubuntu-fontfacekit/Ubuntu-RI-webfont.eot?#iefix') format('embedded-opentype'),
url('ubuntu-fontfacekit/Ubuntu-RI-webfont.woff') format('woff'),
url('ubuntu-fontfacekit/Ubuntu-RI-webfont.ttf') format('truetype'),
url('ubuntu-fontfacekit/Ubuntu-RI-webfont.svg#UbuntuItalic') format('svg');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Ubuntu';
src: url('ubuntu-fontfacekit/Ubuntu-B-webfont.eot');
src: url('ubuntu-fontfacekit/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
url('ubuntu-fontfacekit/Ubuntu-B-webfont.woff') format('woff'),
url('ubuntu-fontfacekit/Ubuntu-B-webfont.ttf') format('truetype'),
url('ubuntu-fontfacekit/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('ubuntu-fontfacekit/Ubuntu-BI-webfont.eot');
src: url('ubuntu-fontfacekit/Ubuntu-BI-webfont.eot?#iefix') format('embedded-opentype'),
url('ubuntu-fontfacekit/Ubuntu-BI-webfont.woff') format('woff'),
url('ubuntu-fontfacekit/Ubuntu-BI-webfont.ttf') format('truetype'),
url('ubuntu-fontfacekit/Ubuntu-BI-webfont.svg#UbuntuBoldItalic') format('svg');
font-weight: 700;
font-style: italic;
} |
So brauche ich nur einmal die "Ubuntu" zuweisen, und bei der Verwendung von z.B. "strong" oder "em" werden die entsprechenden Schnitte automatisch gewählt.
Zuletzt bearbeitet von top am Di 02.10.2012 14:58, insgesamt 1-mal bearbeitet
|
|
|
|
|
ChrisKam
Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht:
|
Verfasst Di 02.10.2012 15:18
Titel
|
|
|
Schon klar, so ähnlich mache ich das auch.* Das hält den IE leider nicht davon ab, <strong> etc. künstlich zu verfetten, wenn es keinen entspr. Schnitt gibt in Font X. Ich normalisiere strong, b h1-h6 daher vorher, bis es explizit überschrieben wird.
*nur mache ich es noch stumpfer: Fontname = Fontschnitt. Spart eine Deklaration und mehr als 3 Schrift(-schnitte) haben die wenigstens meiner Projekte.
|
|
|
|
|
|
|
|
Ähnliche Themen |
fontforge eigenen font als opentype font speichern
Firefox erkennt Font nicht? (@Font-Face)
> pc font in mac font umwandeln!?
Font Manager
Font Problem
Font-size: 100%
|
|