2017-02-25 2 views
-1

Seit einiger Zeit ist der Text in meinem WordPress Blog immer fett. Es war nicht immer so und ich kann nicht herausfinden, welche CSS/HTML-Einstellung das verursacht.Warum ist der gesamte Text auf meiner Website fett?

Können Sie mir helfen? Hier ist der Link zur Webseite:

http://8mrd.com/2017/02/11/indien-wirtschaft-2040-usa/

+0

Welcher Text im Besonderen? Alles sieht gut aus für mich. Welchen Browser benutzen Sie? – Lissy

+0

^Das gleiche hier - sieht gut aus: https://puu.sh/uj7sY/40b11d3ccc.png –

+0

Ich würde es vermuten, weil einige der Tags, die Sie verwendet haben, veraltet sind (wie ''). Dies kann zu einer inkonsistenten Anzeige zwischen Browsern führen. – Lissy

Antwort

0

Es gibt einige Probleme hier:

  • Verwenden Sie nicht den <font> Tag, es ist veraltet. Es könnte für den Moment funktionieren, könnte aber jederzeit entfernt werden. Versuchen Sie stattdessen, den Absatz <p> oder Inline-Text <span> Tags zu verwenden. Dann machen Sie stattdessen alle Ihre Schriftart mit CSS.
  • Geben Sie den Schrifttyp an. Einige HTML-Elemente (wie <h1> und <label>) sind standardmäßig fett (in den meisten Browsern). Wenn Sie font-weight gleich 400 oder normal angeben, sollte das die Aufgabe erledigen.
  • Es gibt auch einige HTML-Fehler auf Ihrer Webseite, z. B. falsch verschachtelte Elemente. Dies kann zu unerwarteten Anzeigeeffekten führen.
  • Versuchen Sie zu vermeiden, !important in Ihrem CSS zu verwenden, wie Sie sich in eine richtige Gurke versuchen können, die Wichtiges mit Wichtigem zu übersteuern. Und im Grunde nichts davon war necissary

Beispiel

HTML:

<h1> India's Economy </h1> 
<p class="intro-text"> 
    Dear readers, the age of economic dominance 
    of the West is coming to an end. ...... 
<p> 

CSS:

h1{ 
    font-weight: normal; 
} 

p.intro-text{ 
    // Add some other text styles in here... 
} 
+0

Sie sollten '' font-weight: normal' 'auch das Flag '! Wichtig' hinzufügen, um sicherzustellen, dass nichts außer Kraft gesetzt wird. –

+1

noooooo! 'wichtig' ist böse. Um jeden Preis vermeiden;) Es sollte in diesem Fall nicht benötigt werden, weil ein Stylesheet immer eine höhere Spezifität als Browser-Standardwerte hat. Ihr Recht zwar, dass es nützlich sein könnte, wenn es keine andere Möglichkeit gibt, die Bestellung zu ändern. Überprüfen Sie diesen Artikel für weitere Details, ich denke, es gibt einen viel besseren Weg als '' wichtig 'zu berühren: https://developer.mozilla.org/en/docs/Web/CSS/Specificity – Lissy

Verwandte Themen