1.2*_*tts 16 html css typography
有没有办法让可变宽度字体像HTML中的固定宽度字体一样？
例如,如果我有一个句子,"快速的灰色狐狸跳过懒惰的狗",显示在"Courier New"中,一个固定宽度的字体,它会比它是一个可变宽度字体,如"Arial"更宽. ".我想使用"Arial"而不是"Courier New"但是字符固定宽度.
可变宽度的例子:
快速灰狐狸跳过懒狗.
固定宽度示例:
The quick grey fox jumped over the lazy dog
请注意每个示例中单词"quick"和"gray"中的字符彼此之间的距离.
Joe*_*oeJ 11
不仅仅是CSS.我建议你使用流行的Lettering.js(你需要jQuery)来为span每个字符生成标签,然后在所有字符上设置宽度.
.monospace > span {
display: inline-block; /* Enable widths */
width: 1em; /* Set width across all characters */
text-align: center; /* Even out spacing */
}