mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 16:03 Benutzername: Passwort: Auto-Login

Thema: fontface macht font schlampig vom 01.10.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> fontface macht font schlampig
Autor Nachricht
Wienerr
Threadersteller

Dabei seit: 12.08.2011
Ort: Nürnberg
Alter: 39
Geschlecht: Männlich
Verfasst Mo 01.10.2012 11:25
Titel

fontface macht font schlampig

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
ChrisKam

Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht: Männlich
Verfasst Mo 01.10.2012 11:40
Titel

Antworten mit Zitat Zum Seitenanfang

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. * Keine Ahnung... *

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).
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst Di 02.10.2012 07:37
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ChrisKam

Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht: Männlich
Verfasst Di 02.10.2012 08:34
Titel

Antworten mit Zitat Zum Seitenanfang

..genau das meinte ich auch mit meiner etwas kryptischen Antwort *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst Di 02.10.2012 10:50
Titel

Antworten mit Zitat Zum Seitenanfang

ChrisKam hat geschrieben:
..genau das meinte ich auch mit meiner etwas kryptischen Antwort *zwinker*


und ich habs gar nicht gesehen in deinem post *zwinker* aber ja, genau das meinte ich, was du meintest Grins
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Wienerr
Threadersteller

Dabei seit: 12.08.2011
Ort: Nürnberg
Alter: 39
Geschlecht: Männlich
Verfasst Di 02.10.2012 14:24
Titel

Antworten mit Zitat Zum Seitenanfang

danke für antworten.
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Di 02.10.2012 14:57
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
ChrisKam

Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht: Männlich
Verfasst Di 02.10.2012 15:18
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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%
Neues Thema eröffnen   Neue Antwort erstellen
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.