webフォントについて質問です。
あるサイトで、webフォント「noto-sans」をサブセットし、以下のようにcssに記述しました。
css
1/* NotoSansの読み込み */ 2@font-face { 3 font-family: "Noto-SansCJKjp"; 4 font-style: normal; 5 font-weight: 400; 6 src: url('/font/NotoSansCJKjp-Regular.eot'); 7 src: url('/font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'), 8 url('/font/NotoSansCJKjp-Regular.woff') format('woff'), 9 url('/font/NotoSansCJKjp-Regular.otf') format('opentype') 10}
NotoSansCJKjp-Regular.otf、woff、eotは上記ディレクトリに格納済みです。
私の端末で表示される見た目は、
上記のようにきれいに映るのですが、
もう一台のチームメンバーの端末で見てみると、
このように、ギザギザしてしまいます。
chromeのDeveloperToolで確認してみると、
どちらの端末でも以下のようにnoto-sansが適用されています。
私のローカルにはnoto-sansが入っているから正しく表示されているのではと思いましたが、DeveloperToolの内容はどちらもNetworkリソースを読み込んでいるし、もう一台別のメンバーの購入したての初期設定しかしていない端末で確認した際は、正しく表示されていました。
なぜ、特定の端末ではギザギザするのかがわかりません。
ちなみに、端末は全てWindows10のchromeで表示しました。
原因がわかる方、ご教授くださいませ。。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。