Font ändern - seht Code

[esperance]

Hi, ich weiß absolut nicht welcher Wert da jetzt für was steht
Überall dort sehe ich nur Fontnamen, nur was muss ich ändern ?
Kann mir das anhand jemand des Codefetzens sagen ?

[code]
a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; }
a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; }
a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; }
a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight:bold; }

a.copyright:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FAF0E4; font-stretch:expanded; text-decoration: none; }
a.copyright:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FAF0E4; font-stretch:expanded; text-decoration: none; }
a.copyright:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FAF0E4; font-stretch:expanded; text-decoration: none; }
a.copyright:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-stretch:expanded; text-decoration: none; }

img { border: 0; }

body, html {
margin: 0px;
padding: 0px;

font-family: Arial, Helvetica, sans-serif;
font-size:12px;

background-color: #201710;
background-image:url(images/ey_background_1.jpg);
background-repeat:repeat-x;
background-position:top;

text-align: center;
}

h1
{ font-size: 14px; text-transform:uppercase; font-weight: bold; font-style:italic; color: #EA6C18; margin: 0px; padding: 0px; }

div
{ font-size: 12px; color: #000000; vertical-align: top; text-align:left; }

textarea, input
{ border: 1px #594F45 solid;
color:#FAF0E4;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin: 1px;
background-color: transparent;

overflow:hidden; 

}

hr
{ height: 1px;
border: 0px;
color: #594F45;
background-color: transparent;
}

.copyright
{
font-size: 11px;
color: #B5BCC0;
text-align: center;
}[/code]

[hoffmann]

So auf die Schnelle betrachtet sind die meisten Angaben für
font-family komplett überflüssig und können weg, sollte das
Gleiche herauskommen, wenn das da nur für body (und html)
angegeben wird.

Mit font-family gibt man jedenfalls eine Auswahl von
Schriftarten an, der letzte Eintrag der kommaseparierten Liste
ist immer eine generische Schriftfamilie, die der browser zu
verwenden hat, wenn alle zuvor genannten Schriftarten nicht
verfügbar sind, hier also sans-serif, welches daher der
wichtigste Eintrag in der Liste ist, mit Serifen schriebe man dann
eben stattdessen ‘serif’ darein oder bei gleichem Platz für alle
Buchstaben ‘monospace’ etc. Was davor in der Liste steht, kann
man sich aussuchen, man kann sich aber nicht darauf verlassen,
daß die jeweilige Schriftart im browser installiert/verfügbar ist.
font-size gibt die Schriftgröße an. Daß das hier in der Einheit
px angegeben ist, ist schlecht, der Nutzer hat ja bereits an seinem
browser eine für ihn optimal lesbare Schriftgröße für Fließtext
angegeben, auf die sollte man sich beziehen, etwa mit relativen
Angaben oder mit Einheiten wie em oder ex. 1em ist eine gute
Wahl für body (html) und entspricht auch der Voreinstellung.
Ansonsten kann man für Überschriften entsprechend etwas
mehr nehmen, etwa für h1 sowas wie 1.5em bis 2em.

[esperance]

Gut soweit, von em habe ich schonmal gelesen und würde ich auch gerne drauf umsteigen, nur tut sich überhaupt nichts wenn ich px Werte in em ändere…
Manche mal zum Testen auf 3em gestellt, es hat sich aber nichts geändert ?!

Welcher dieser ganzen Codeschnipsel könnte den für esperance.bplaced.net die Navigation sein ?

[hoffmann]

Also das was rechts steht ‘Letzte Beiträge’ etc ist bei dir ein
Menü? Dafür steht in oben zitiertem CSS nichts spezifisches.

Das steht eher hier:
esperance.bplaced.net/cms/skins/ebony/styles.css
.plugin_3 ff

Darin findet man auch #navigation, allerdings ist das bereits
im HTML-Quelltext leer, hat also keine Funktion.
Zu dem Skriptzeug, was darin im Quelltext steht, findet man
hier was:
esperance.bplaced.net/cms/skins/ebony/menu.css
Trotz des Dateinamens kann es sich allerdings wohl nicht um
die Dekoration eines Menüs handeln, weil sich das alles auf
etwas bezieht, was mit dem Skript zu tun hat, also ohne
Skriptinterpretation gar nicht angezeigt wird, also auch inhaltlich
belanglos sein wird, was bei einem Menü ja eher nicht der Fall
sein wird ;o)

[esperance]

Heey in Menu.css konnte ich alles gut definieren, nur bekomme ich die Font nicht gewechselt.
So wie ich das verstanden habe ist der letzte Eintrag welcher ausgegeben wird, es änderte sich aber nichts ziwschen Arial und Sans-Serif

Wo ist mein Fehler ?

[gunitmedia]

hey,

veruschs mal mit font-face:
schreib da snachdem font-family also font-family nicht löschen!
bye

[esperance]

Nunja damit umgehe ich doch nur mein Problem und das mag ich überhaupt nicht
Irgendwie ist die Font ja durch immer drei Einträge dort festgelegt, ist nur noch zu hoch für mich

Nachtrag: Habs jetzt verstanden Font-Family wird vom Browser abgesucht und die erste Font die er findet wird genutzt. Font-Style steht für kursiv (italic) oder normal (normal)

[hoffmann]

Ich meine, das Suchen in der Liste font-family geht sogar
glyphenweise.

Arial ist nunmal eine sans-serif-Schrift, wenn die bei dir
sogar Voreinstellung ist, ändert sich da auch nichts, wenn du
Arial durch sans-serif ersetzt oder eben Arial streichst und
sans-serif wegläßt.

Deutliche Änderungen sollten sich ergeben, wenn du zwischen
Schriftfamilien wechselst, also etwa von sans-serif auf serif
oder monospace, fantasy, cursive.

font-style beinflußt nicht die Schriftart selbst, sondern nur die
Neigung der Glyphen. Den Unterschied zwischen italic und
oblique kann man etwa bei wikipedia nachlesen. Für viele
Schrifttypen gibt es allerdings in der Praxis keinen sichtbaren
Unterschied, was an sich falsch ist.

Mit @font-face definiert man nur einen neuen Namen für eine
Schriftart, die man selbst in irgendeinem Format bereitstellt.