CSS Schriftgröße

[Margin]

Moin moin,

ich häng - mal wieder - 'nen bissel fest oder seh nur den Wald vor lauter Bäumen nicht.

Ein Erklärungsversuch:

Unterschiedliche Schriften haben ja von Haus aus auch z.T. unterschiedliche "Grundgrößen".
Möchte ich z.B. einen Text gerne etwas "ausgefallener" gestalten und entscheide mich bspw. für "Calligraph421 BT", so funktioniert das ganze ja nur solange, wie die entsprechende Schrift auch verfügbar ist.

Ist sie nicht verfügbar, brauche ich 'ne alteNaive, bspw.: font-family:"Calligraph421 BT",Verdana, ...;

So weit - so gut.

Jetzt kommt die Größe ins Spiel:
Wähle ich eine Größe, dass der Text mit Calligraph421 BT schmuck ausschaut, sprengt es mir mit Verdana sämtliche Vorstellungen.
Optimiere ich auf Verdana, ist Calligraph421 BT kaum noch lesbar.

Wie erreiche ich es nun, dass beide Schriften im Endergebnis gleich groß dargestellt werden?

Bitte schubsen - abba nich so heftig


Grüßle Meinereiner

*edit*
natürlich OHNE die Browser-Schriftgrößen-Anpassung auszuhebeln

[MonikaTS]

1. indem du die gängigen Schriftfamilien nutzt,
2. wenn du Exoten haben magst, diese mit Imagereplacement nutzt,



Calligraph421 BT
ist garantiert ein Exote

lg

[Margin]

Die beiden Varianten lösen nicht wirklich das Problem und images kommen da ja nun mal wirklich nicht in Frage

Ich hatte als Lösungsansatz schon an sowas wie "Nachrangigkeit" in der css gedacht, komme da aber auch nicht wirklich weiter.

[Kralle]

einfach hat Recht. Du solltest auf websichere Schriftarten zurückgreifen oder mit Grafiken arbeiten. Ist halt ein Nachteil des Web, wo man ggf. Kompromisse eingehen muss.

[Margin]

Bei Seiten, wo's wichtig ist, bin ich ja auch jaanz artisch

Bastel halt nur gerne und wenn's da 'ne Wand gibt, dann muss ich da durch

Danke Euch beiden, hätte ja sein können, dass da schon mal wer 'nen Stückle weiter war.

[ole1210]

Du kannst doch in CSS2 eigene Schriften einbinden:

Code: Alles auswählen

@font-face 
{ 
font-family: "Exotische Schriftart";  
src: local("Exotische Schriftart"), 
url("http://site/fonts/exotschr.ttf") 
format("TrueType") 
}  

Das schonmal probiert?

Vielleicht hilft das auch noch:
https://de.selfhtml.org/inter/downloads ... n.htm#weft#

Viele Grüße

Ole

[Margin]

Neeeiiin ... woher auch, ist mir völlig neu, schaut aber exakt nach dem aus, was ich gesucht habe!

rtfm ... und ich dachte schon immer, ich würd viel lesen ...

Danke!