2016-07-27 1 views
0

Help!SVGは鮮明ではっきりしていますが、フォントスムージングを「なし」に設定してもフォントがぼやけています

私は-webkit-font-smoothing:noneを設定しましたが、私のフォントは作成されたSVGよりもまだぼやけています。

-webkit-font-smoothing: none !important;を設定しようとしましたが、違いはありませんでした。 color:redも変更して、適切な要素をターゲットにしていることを確認しました。しかし、ぼやけを修正するものはありません。

The third right icon is an SVG, the fourth one is a font created with the SVG.

第三の右のアイコンは、4分の1は、SVGで作成されたフォントであり、SVGです。

これはフォントスムージングの形式に関係していると確信していますが、おそらくブラウザやウィンドウ自体で制御されていますか?

+0

質問コードヘルプを検索するには、質問の中に** ** [** Stack Snippet **](https://blog.stackoverflow.com/2014/09/)のコードを再現するのに必要な最短のコードを含める必要があります。 introduction-runnable-javascript-css-and-html-code-snippets /)があります。 [**最小限で完全で検証可能なサンプルの作成方法**](http://stackoverflow.com/help/mcve)を参照してください。 –

答えて

1

問題を解決しました。元のSVGはピクセルグリッドに合わせてではなく、ぼやけていました。グリッドにピクセルを整列させてフォントを再作成した後、問題は解決され、フォントはシャープになりました。ハレイ!

関連する問題