帶CSS的虛線文本？

誰知道一個方法來使點0的任何CSS大師？我有一個白色的衝擊，加上一個白色的正斜槓和反斜槓作爲described here，但也許有更好的方法。帶CSS的虛線文本？

2013-04-28 gtilflm

使用帶點的零字體。你可以使用@font-face來包含一個你可以保證有一個零點的字體。

2013-04-28 00:59:20 icktoofay

是的，我正在尋找這個（http://www.fileformat.info/info/unicode/char/25cc/index.htm），但作爲一個0（零），而不是作爲一個圓圈。知道有這樣的字體？ – gtilflm 2013-04-28 02:56:37

@JohnBovey：不幸的是，我沒有，雖然我很確定一個存在*的地方*。我想你可以自己做一個。我想了解一些有關試圖讓FontForge修改現有字體的方法，但這似乎有點困難。 – icktoofay 2013-04-28 04:15:17

您可以使用自定義字體，或者如果足夠好，U + 25CC DOTTED CIRCLE字符◌適合您？

來源

2013-04-28 01:00:19

選項1.子彈在它的位置：

<div>HELL<span class="dottedO">O<span>&bull;</span></span> WORLD</div>

CSS：

.dottedO { 
    display: inline-block; 
    overflow: auto; 
    position: relative; 
} 

.dottedO span { 
    display: block; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    text-align: center; 
}

選項2：使用Unicode雙脣單擊字符（ʘ）：

<div>&#664;</div>

JSBIN ：http://jsbin.com/ewufod/1

請注意，上述兩種解決方案可能會導致屏幕閱讀器，搜索引擎等問題，因爲您正在向組合添加非標準字符。

選項3：背景圖像

裹在一個跨度中的「O」，將其設置爲display: inline-block並給跨度的點的一個背景圖像。缺點：不會打印。

選項4：使用已具有此樣式的字體（嵌入Web字體）。

來源

2013-04-28 01:08:55

我不認爲這是OP所要求的，但如果它不是U + 25C9 FISHEYE''更好？ – 2013-04-28 01:18:54

我想一個視覺會幫助原來的問題 – 2013-04-28 05:43:19

帶CSS的虛線文本？

回答

相關問題