ビットマップフォントを適切にレンダリングするためにFirefoxとChromeを取得しようとしていますが、私が何をしているように見えても、常にテキストをある程度アンチエイリアスします。TTF から WOFF に変換され、CSS の @font-face に含まれる終端を使用しています。これが私が望むものです:
しかし、最終的には次のようになります (Chrome では、Firefox はほとんど同じです)。
よく見ると、わずかにアンチエイリアスがかかっていることがわかります。関連する CSS を次に示します。
body {
font-family: terminus, monospace;
font-size: 12pt;
color: #746C48;
font-smooth: none !important;
-webkit-font-smoothing: none !important;
-webkit-text-stroke: none !important;
text-shadow: none !important;
-webkit-backface-visibility: hidden !important;
-moz-backface-visibility: hidden !important;
-ms-backface-visibility: hidden !important;
}
および @font-face:
@font-face {
font-family: "terminus";
src: url([omitted]) format('woff');
}
ありがとう!