3

ビットマップフォントを適切にレンダリングするために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');
}

ありがとう!

4

0 に答える 0