[DISKUSSION] Webfont Icons

[rico2009]

Hi,

ich habe heute ein paar Versuche mit Webfont Icons gemacht und bin auf 2 Lösungwege gekommen:

1.
HTML:

<span id="font1">1</span>

CSS:

#font1 {
  font-family: ...;
  font-size: 30px;
}

2.
HTML:

<span id="font1"> </span>

CSS:

#font1:before {
  font-family: ...;
  font-size: 30px;
  content: "1";
}

Welcher Weg ist eurer Meinung nach der bessere? Oder sind beide gut?


Gruß
rico

 

[j-l-n]

Also ich würde von der Art her das erste bevorzugen. Ich glaube mich auch erinnern zu können, letztens irgendwo gelesen zu haben, dass die Pseudoelemente ::before und ::after verhältnismäßig lange zur Verarbeitung brauchen.

 

[rico2009]

Ok. (Ich hatte mich für meinen Anwendungsfall für Variante 2 entschieden.)

 

[j-l-n]

Ich hatte mich für meinen Anwendungsfall für Variante 2 entschieden.

OK, mir ist auch noch ein Vorteil dazu eingefallen: bei der Variante braucht man nämlich für das Icon keinen eigenes <span>...