Hallo Zusammen,
ich erstelle eine Webseite die auch auf russisch angezeigt werden kann. Dazu lade ich je nach Sprachauswahl unterschiedliche CSS Dateien mit den entsprechenden Fonts.
Die CSS in Latin funktioniert einwandfrei. Die CSS mit den cyrillischen Fonts funktioniert nicht, hier wird immer der alternative Zeichensatz geladen. Die cyrillischen Zeichen werden
auch richtig angezeigt, nur eben nicht in der gewünschten Schriftart. Den cyrillischen Zeichensatz habe ich von Google Fonts geladen, da wird er auch richtig im Browser
dargestellt.
Inhalt der cyrillischen CSS:
Warum funktioniert das nicht? Die Fonts sind auf dem Server und der Pfad ist auch richtig.
Gruss René
ich erstelle eine Webseite die auch auf russisch angezeigt werden kann. Dazu lade ich je nach Sprachauswahl unterschiedliche CSS Dateien mit den entsprechenden Fonts.
Die CSS in Latin funktioniert einwandfrei. Die CSS mit den cyrillischen Fonts funktioniert nicht, hier wird immer der alternative Zeichensatz geladen. Die cyrillischen Zeichen werden
auch richtig angezeigt, nur eben nicht in der gewünschten Schriftart. Den cyrillischen Zeichensatz habe ich von Google Fonts geladen, da wird er auch richtig im Browser
dargestellt.
Inhalt der cyrillischen CSS:
HTML Code:
@font-face { font-family: 'roboto_condensedregular'; src: url('../fonts/robotocondensed-regular-webfont.eot'); src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-regular-webfont.woff') format('woff'), url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold'; src: url('../fonts/robotocondensed-bold-webfont.eot'); src: url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bold-webfont.woff') format('woff'), url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condenseditalic'; src: url('../fonts/robotocondensed-italic-webfont.eot'); src: url('../fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-italic-webfont.woff') format('woff'), url('../fonts/robotocondensed-italic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold_italic'; src: url('../fonts/robotocondensed-bolditalic-webfont.eot'); src: url('../fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bolditalic-webfont.woff') format('woff'), url('../fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg'); font-weight: normal; font-style: normal; } label, .f16LightGraySemiBold, .f20LightGraySemiBoldCenter, .f18LightGraySemiBold, .f18DarkGraySemiBold, .f20LightGraySemiBold { font-family: 'roboto_condensedregular', Verdana, sans-serif;} .f20LightGrayBold, .f26LightGrayBold, .f20DarkGrayBold, .f18LightGrayBold { font-family: 'roboto_condensedbold', Verdana, sans-serif;} .f16LightGraySemiBoldItalic, .f16DarkGraySemiBoldItalic, .f18LightGraySemiBoldItalic { font-family: 'roboto_condenseditalic', Verdana, sans-serif;} .f28OrangeBoldItalic { font-family: 'roboto_condensedbold_italic', Verdana, sans-serif;} .f16LightGraySemiBold, .f16LightGraySemiBoldItalic, .f16DarkGraySemiBoldItalic { font-size: 16px;} label, .f18LightGraySemiBold, .f18DarkGraySemiBold, .f18LightGrayBold, .f18LightGraySemiBoldItalic { font-size: 18px;} .f20LightGrayBold, .f20LightGraySemiBoldCenter, .f20DarkGrayBold, .f20LightGraySemiBold { font-size: 20px;} .f26LightGrayBold { font-size: 26px;} .f28OrangeBoldItalic { font-size: 28px;} .f20LightGrayBold, label, .f16LightGraySemiBold, .f20LightGraySemiBoldCenter, .f20LightGraySemiBold, .f26LightGrayBold, .f18LightGraySemiBold, .f16LightGraySemiBoldItalic, .f18LightGrayBold, .f18LightGraySemiBoldItalic { color: #c9c7c7;} .f20DarkGrayBold, .f16DarkGraySemiBoldItalic, .f18DarkGraySemiBold { color: #4C4C4C;} .f28OrangeBoldItalic { color: #FFBF0F;} .alignRight { text-align: right;} .f20LightGraySemiBoldCenter { text-align: center;}
Gruss René