CSS：我如何取消激活字體？

2

CSS控制字母間距屬性字距。嘗試將其設置爲0以將字體返回到正常的字距。

p { letter-spacing: 0; }

來源

2009-09-15 07:43:37

+0

CSS ** **不「控制字距」，但如果用非零字母間距的「_human字距perception_」丟失。例如：用'letter-spacing：-0.1em'增強字距，並用'letter-spacing：0.5em'丟失。 –

+0

這個答案應該被棄用。請參閱下面的更好的答案。 –

0

我不知道這是否完全可能，但您可以嘗試查看letter-spacing屬性。

來源

2009-09-15 07:41:48 Ikke

1

使用letter-spacing財產

<style> 
.kern 
{ 
    letter-spacing: 10px; 
} 
.nokern 
{ 
    letter-spacing: 0px; 
} 
</style> 
<div id="div1" class="kern"> 
    test test test test 
</div> 
<div id="div2" class="nokern"> 
    test test test test 
</div>

來源

2009-09-15 07:42:39 rahul

13

見在Wikipedia字距概念。

字距不受字母間距控制，CSS1或CSS2沒有font-kerning。新的規範，CSS3，還沒有被批准爲標準（W3C推薦），但也有提出font-kerning屬性，請參閱2012草案，

http://www.w3.org/TR/css3-fonts/#font-kerning-prop

只有特定的字體，如OpenFonts, have this property。

即使沒有字距調整控制，使用非零字母間距可以改變「人類感知字距」，產生「關閉字距」的效果。例如：用letter-spacing:-0.1em加強字距調整，並用letter-spacing:0.5em丟失。

隨着CSS1 letter-spacing屬性，你可以失去或增強字距感知，併成爲「信行距文本」你可以模擬字距：

<div style="font-size:20pt;background-color:#bcd"> 

    VAST <small>(normal)</small> 
    <br/> 

    <span style="letter-spacing:-0.1em">VAST</span> 
    <small>(enhance perception)</small> 
    <br/> 

    <span style="letter-spacing:0.5em">VAST</span> 
    <small>(lost perception)</small> 
    <br/> 

    <!-- SIMULATE KERNING AT SPACED TEXT --> 
    <div style="letter-spacing:6pt"> 
    SIMULATE: <span style="letter-spacing:4pt">VA</span>ST TEXT 
    </div> 

</div>

見above example here。

來源

2010-10-30 10:11:09

+1

這個答案是唯一正確的答案。 '字母間距'不影響字距，但字符之間的*相對距離*（在*字間距之後）。 –

+0

但這種技術（唯一我能找到到目前爲止）的缺點是，它與文本的間隔一般干擾，這樣，如果你有胃內寬集資金和你使用「字距」一些字母對它不會「添加」一個字距（減），但設置一個完整的新的間距，它是不一樣的。因此，您將不得不重新計算每個字距對，具體取決於文本區域的特定間距。一個真正的字體字距不會這樣做。它將獨立於一般節奏的一對增加（減去）空間。 – Garavani

+0

嗨@Garavani，[這個kerning錯覺*]（http://jsfiddle.net/32EQy/1/）只適用於非常具體的「幻術效果」（例如在封面和戶外）。真正的字距*需要更好的印刷工具（例如EPUB中更好的排版），我認爲這是隨着[用CSS3頁面替換舊技術]而發展的（http://stackoverflow.com/a/21345708/287948 ）。它是[開放標準]（https://en.wikipedia.org/wiki/Open_format）的一個大型生態系統，需要很多時間來保持穩定和有用...有一天，您可能會看到使用字距調整的網頁。檢查現在使用「HTML to PDF」。 –

0

嘗試text-rendering: optimizeSpeed，至少在我的瀏覽器上禁用字距調整。

也就是說，"VA".width == "V".width + "A".width。

letter-spacing不禁用字距，「VA」仍然比「V」+「A」短。

因此，請嘗試text-rendering。儘管文字渲染效果較差，但它會禁用字距調整。

來源

2014-04-26 05:23:24

CSS：我如何取消激活字體？

回答

相關問題