Schrift mit abgeflachten Kanten

[hechicero]

Hallo,

ich möchte z. B. die Header der Boxen mit einer Schrift versehen, die den Effekt hat wie "abgeflachte Kanten und Relief" bei Photoshop. Ist das mit CSS in der stylesheet.css möglich?

Danke und Grüße,

hechicero

Linkback: https://www.modified-shop.org/forum/index.php?topic=19415.0

[noRiddle (revilonetz)]

Hi hechicero.

Entweder du vergibst jedem Boxheader 'ne eigene Klasse und machst es über Hintergrundbilder oder du googlest mal nach Open-Schriftenarten, lädst dir eine die dir gefällt herunter,  konvertierst sie evtl. mit einem online-Tool in das benötigte Formate, lädst sie in einen Ordner "fonts" im Root deines Servers und implementierst sie im CSS.

Grund-Muster:

Code: CSS  [Auswählen]

@font-face {
font-family: 'DEINE_SCHRIFT';
src: url('fonts/DEINE_SCHRIFT.eot');
src: local('DEINE_SCHRIFT'), local('DEINE_SCHRIFT'),
url("fonts/DEINE_SCHRIFT.woff") format("woff"),
url("fonts/DEINE_SCHRIFT.otf") format("opentype"),
url("fonts/DEINE_SCHRIFT.svg#DEINE_SCHRIFT") format("svg");
}

Der umständlich aussehende Code bezieht sich darauf, daß User die Schrift ja auf ihrem Rechner haben könnten. In diesen Fällen, bräuchte sie nicht vom Server geladen zu werden.
Die Zeile src: url('fonts/DEINE_SCHRIFT.eot'); besagt, daß du die Schrift im *.eot Format hast, ansonsten Format-Endung anpassen.

Da die font-family in meinem Code global festgelegt wird, mußt du dann natürlich schauen wo du die Schrift brauchst und das dort entsprechend im CSS anpassen.

Gruß,
noRiddle

[hechicero]

Hallo noRiddle,

das ist auch ein interessanter Ansatz. Die Lösung mit Hintergrundbildern finde ich nicht so ideal. Aber die mit Open-Schriftarten gefällt mir gut. Da wäre ich vom Font noch flexibler als ich dachte.

Meine Idee war bisher die Schrift Trebuchet MS zu verwenden. Die wäre bearbeitet mit Schlagschatten und Abgeflachte Kante und Relief. Das würde dann so aussehen:
[ Für Gäste sind keine Dateianhänge sichtbar ]

Ich bekomme aber nur den Schatten mit CSS hin. Gleiches Problem hätte ich dann auch mit den Open-Schriftarten. Sehe ich das richtig, dass es mit CSS nicht umsetzbar ist?

Grüße,

hechicero

[noRiddle (revilonetz)]

Ja, nur mit CSS ist das nicht machbar.

Mit "Trebuchet MS" hast du ohnehin ein Problem sobald ein User die Schriftart nicht auf dem Rechner hat.
Man muß immer Alternativen angeben.
Also z.B.:

Code: CSS  [Auswählen]

font-family: Arial, Tahoma, Helvetica, sans-serif;

Am Ende immer eine allgemeine Schriftart wie eben "sans-serif" oder "serif".
Mit den fonts auf deinem Server, hast du das Problem nicht mehr.

Gruß,
noRiddle