- Registriert
- 29.11.05
- Beiträge
- 44
Hey zusammen
Ich habe ein Prob...ich versuche einen GoogleFont in einem neuen Projekt zu integrieren (hatte ich bisher nie Probleme mit). Nun habe ich den Font "Montserrat" per link eingebunden und verwendet. Auf Windows in Firefox und Chrome sieht der Font nun wie im Bild im Anhang aus (...scheisse & verpixelt).
Was ich bereits als Lösung versucht habe:
-> Den Font in allen Formaten heruntergeladen und via Font-Face eingebunden:
-> Diverse Hacks mittels:
Leider bringe ich es unter Firefox nicht besser hin...Durch das ich den SVG-Font an oberster Stelle nehmen, siehts wenigstens im Windows GChrome einigermassen aus...FF interpretiert das jedoch nicht.
Danke Euch für alle Tipps
Ich habe ein Prob...ich versuche einen GoogleFont in einem neuen Projekt zu integrieren (hatte ich bisher nie Probleme mit). Nun habe ich den Font "Montserrat" per link eingebunden und verwendet. Auf Windows in Firefox und Chrome sieht der Font nun wie im Bild im Anhang aus (...scheisse & verpixelt).
Was ich bereits als Lösung versucht habe:
-> Den Font in allen Formaten heruntergeladen und via Font-Face eingebunden:
Code:
@font-face {
font-family: 'Montserrat-Regular';
src: url('/static/css/Montserrat-Regular.eot');
src: url('/static/css/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('/static/css/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
url('/static/css/Montserrat-Regular.woff') format('woff'),
url('/static/css/Montserrat-Regular.ttf') format('truetype');
}
-> Diverse Hacks mittels:
Code:
html{
height: 100%;
/*-webkit-font-smoothing:antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px
*/
-webkit-text-stroke: 0.3px;
}
Leider bringe ich es unter Firefox nicht besser hin...Durch das ich den SVG-Font an oberster Stelle nehmen, siehts wenigstens im Windows GChrome einigermassen aus...FF interpretiert das jedoch nicht.
Danke Euch für alle Tipps