@ font-face kann nicht auf chrome von mac os

@font-face { 
    font-family: 'Noto Sans CJK SC Light'; 
    src: url('/src/assets/font/fonts/NotoSansCJKsc-Light-Alphabetic.eot'); 
    src: url('/src/assets/font/fonts/NotoSansCJKsc-Light-Alphabetic.eot?#iefix') format('embedded-opentype'), 
    url('/src/assets/font/fonts/NotoSansCJKsc-Light-Alphabetic.woff2') format('woff2'), 
    url('/src/assets/font/fonts/NotoSansCJKsc-Light-Alphabetic.woff') format('woff'), 
    url('/src/assets/font/fonts/NotoSansCJKsc-Light-Alphabetic.ttf') format('truetype'), 
    url('/src/assets/font/fonts/NotoSansCJKsc-Light.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
body { 
    font-family: 'Noto Sans CJK SC Light', Roboto, -apple-system, ..., "Microsoft YaHei", SimSun, sans-serif; 
}

auf chrome von ubuntu, die schriftart meiner web-app ist 'Noto Sans CJK SC Light'. Aber auf Macos, in Safari und Chrom, ist die Schrift "System-Ui". Wie kann ich @ font-face woking auf chrome von mac machen?@ font-face kann nicht auf chrome von mac os

Quelle

2017-05-05 gavinSong

Aus dem obigen Code sehe ich Sie fehlende Quelle für Woff's, TTF und Svg. Versuchen Sie, das zu Ihrem CSS hinzuzufügen. Haben Sie auch einen vollständigen Pfad für die Schriftart ausprobiert? Sie können Browser-Plugins verwenden, um zu testen, welche Schriftarten gerendert werden. – Syfer

Fehlende Quelle für woff, ttf und svg? Aber ich habe sie in src angegeben. Gibt es Probleme? – gavinSong

Sie vermissen 'src:' – Syfer

Haben Sie das versucht? Sine Sie wissen, was die Systemschriftart auf dem Mac ist, sollten Sie in der Lage sein, es in Ihrer Schriftfamilie zu verwenden, um es zu verwenden.

font-family: 'Noto Sans CJK SC Light', 'system-ui', [other fallback fonts];

Lassen Sie mich wissen, ob das funktioniert.

Prost

Quelle

2017-05-05 09:53:25 Syfer

'' 'Schriftfamilie: 'Noto Sans CJK SC Licht', Roboto, -apple-system, BlinkMacSystemFont;' '' Es kann nicht funktionieren .. – gavinSong

Welche Programmiersprache benutzen Sie? – Syfer

Typoskript. Benutze angular2 – gavinSong

@ font-face kann nicht auf chrome von mac os

Antwort

Verwandte Themen