2

現在、カスタムフォントを使用しているWebサイトを構築しています。フォントは@googlewebfontsで利用できないため、フォントをダウンロードして@fontfaceからロードする必要がありました。

フォントをダウンロードしたサイトの例のマークアップを使用しました。フォントへのリンク-http ://www.fontsquirrel.com/fonts/Colaborate

これがcssマークアップです

@font-face {
font-family: 'ColaborateRegular';
src: url('ColabReg-webfont.eot');
src: url('ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
     url('ColabReg-webfont.woff') format('woff'),
     url('ColabReg-webfont.ttf') format('truetype'),
     url('ColabReg-webfont.svg#ColaborateRegular') format('svg');
font-weight: normal;
font-style: normal;

}

フォントはWebページで正常に機能しますが、問題が発生します。スウェーデンの特殊文字ÅÄÖを使用する必要があります-そして、それらはWebページ上で非常に奇妙になります。

ここに画像があります http://oi44.tinypic.com/2r4tmo0.jpg

何が問題になる可能性がありますか?私がデザイナーから受け取ったフォトショップでは、それらはすべてフォントで大丈夫に見えます。

ありがとう!

4

2 に答える 2

3

特殊文字はColaborateフォントの文字ではなく、私が推測するフォールバックフォントからのものです。

fontsquirrelのパッケージにこれらの特殊文字が含まれていることを確認する必要があります。

于 2012-04-10T13:23:43.980 に答える
0

フォントセットにこれらの特別な文字が含まれていないことがわかります。このため、ブラウザはデフォルトのフォントファミリを使用します。それらをサポートするセットを選択する必要があります。

于 2012-04-10T13:22:54.213 に答える