Cross-Browser-Schriftart/ - Farbe Probleme - Chrome/Safari
Hoffe mir kann jemand helfen, was ich vielleicht falsch mache, da mein css (style) für die website alles sieht gut aus in Firefox, aber in Chrome und Safari, meine Schriften kommen aus der Suche die schwarze Farbe anstelle der grauen Farbe, wie es ist, in Firefox.
Kann mir jemand pls helfen, warum die Schriftarten/Farben sind unterschiedlich in Safari und Chrome sieht es aus wie schwarz und Fett.
Header-Stil, den ich verwende innerhalb meiner content-div, also:
#content {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #333;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #990;
border-bottom-color: #990;
border-left-color: #990;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
background-color: #FFF;
width: 973px;
text-align: left;
display: block;
background-image: url(images/bgcontent.jpg);
background-repeat: repeat;
}
h1 {
font-family: "Lucida Grande";
background-color: transparent;
height: 20px;
width: 650px;
color: #FF9904;
font-size: 36px;
text-align: left;
float: none;
vertical-align: top;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #999;
letter-spacing: normal;
margin: 0;
padding: 0.5em 0;
}
Ich auch diesen link gefunden, über Google Chrome, ich.e über die Verwendung:
@charset "xxx"
http://www.google.com/chrome/intl/en/webmasters-faq.html#fontspecs
Dank.
- möchten Sie vielleicht nach ein paar code-Beispiele
- Hinzugefügt haben, nötigen Stil für den main-content-div, wo die Schriftarten/ - Farben nicht richtig im Chrome/Safari.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich habe gerade überprüft mein computer, und es scheint keinen Unterschied in der Farbe zwischen Firefox und Chrome. Ich bin mit Windows (für beide), und es sollte angemerkt werden, dass es immer einen Unterschied in der Farbe zwischen Macs und PCs, wie Sie kalibriert werden, mit verschiedenen gamma-Werten. Lesen Sie mehr über gamma Zeug hier, obwohl beachten Sie, dass Sie können nicht viel über es aus einer CSS-Perspektive.
Weiteres mögliches problem ist, dass es nur Ihre computer,... haben Sie versucht, dieses Problem auf mehreren Computern? Sie können immer versuchen, mit einem tool wie Browsershots oder Browserlab.
Schließlich, es ist möglich, dass es einige relevante code, auslösen einige cross-browser-Unterschiede.... ist dies alles in Ihrem code, oder gibt es noch mehr CSS irgendwo? Können Sie eine live-link zu der Seite, Sie Probleme mit den?
Tut es auch passieren, wenn Sie Ihnen eine Farbe, zum Beispiel rot? Wenn es nicht ist, dann ist es nur das anti-aliasing von webkit-das ist mehr aggressiv.
Aber wenn es dennoch passiert, können Sie überprüfen mit dem chrome inspector und firebug, ob die Art, wie safari/chrome und firefox interpretieren das CSS ist das anders. Die Farbauswahl, die Sie wählen,
Den Beispiel-css-du gepostet hast ist ok. Versuchen Sie
!important
zu color-Attribut.Zum Zeitpunkt des Schreibens (Juni 2015) gibt es eine bug in OS X Chrome das heißt, es gilt nicht für Farbe Korrektur-CSS-Farben oder untagged Bilder. Safari (seit OS X 10.9) gilt Farbkorrektur auf beide CSS-Farben und Bilder.