Announcement

Collapse
No announcement yet.

Google Fonts Cyrillic werden nicht geladen

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Google Fonts Cyrillic werden nicht geladen

    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:

    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;}
    Warum funktioniert das nicht? Die Fonts sind auf dem Server und der Pfad ist auch richtig.

    Gruss René
Working...
X