celiadee
Mitglied
Liebe Gemeinde,
Sicher kennt ihr das Problem, dass helle Schriften auf dunklem Hntergrund auf dem Mac (und Safari/Win) fetter gerenderd wird.
Für besseres (weniger fettes) Text-Rendering einzelner p-Elemente nehme ich die CSS-Eigenschaft opacity: 0.9999999;
Diese p-Elemente enthalten die Schrift "QuicksandDashed" die ich mit @fontface eingebunden habe.
Prinzipiell geht das auch, siehe hier:
http://christinaundwalter.com
mein CSS dazu:
Wenn ich den Fix aber auf mein Web-Projekt anwende und im Stylesheet bei einzelnen p-Elementen einbaue, tut sich gar nichts. Spasseshalber habe ich den Fix mal global angewendet mit
*{opacity: 0.9999999;}
Außer dem erwarteten Performance-Einbruch (extremes Ruckeln) ist nichts passiert - die Schrift bleibt fett.
Hat jemand Erfahrungen mit dem Fix?
Vielen Dank
Celiadee
Sicher kennt ihr das Problem, dass helle Schriften auf dunklem Hntergrund auf dem Mac (und Safari/Win) fetter gerenderd wird.
Für besseres (weniger fettes) Text-Rendering einzelner p-Elemente nehme ich die CSS-Eigenschaft opacity: 0.9999999;
Diese p-Elemente enthalten die Schrift "QuicksandDashed" die ich mit @fontface eingebunden habe.
Prinzipiell geht das auch, siehe hier:
http://christinaundwalter.com
mein CSS dazu:
HTML:
#hello {
z-index: 100;
position: fixed;
float: left;
background-color: #000;
width: auto;
height: auto;
margin-left: 10px;
margin-right: 10px;
padding: 210px 60px 210px 60px;
}
#hello p {
opacity: 0.9999999;
font-family: 'QuicksandDash';
font-size: 48px;
line-height: 50px;
font-style: normal;
font-weight: normal;
color: #fff;
Wenn ich den Fix aber auf mein Web-Projekt anwende und im Stylesheet bei einzelnen p-Elementen einbaue, tut sich gar nichts. Spasseshalber habe ich den Fix mal global angewendet mit
*{opacity: 0.9999999;}
Außer dem erwarteten Performance-Einbruch (extremes Ruckeln) ist nichts passiert - die Schrift bleibt fett.
Hat jemand Erfahrungen mit dem Fix?
Vielen Dank
Celiadee