CSS装饰 - 填写字母的圆圈

Question

是否可以用“p”，“o”，“g”等字母填充圆圈？！？它看起来像一个有趣的文字装饰。

编辑：没有自定义字体，只是CSS。

Answer 1

不，在CSS中没有办法做到这一点。

Answer 2

当然，但你必须让你的字体。它也不适用于每个浏览器。检查出CSS 3 Fonts module。

更新：这里是another helpful link from A List Apart on Web Fonts。

Answer 3

在CSS中没有办法做到这一点。达到目标的唯一可能方法是找到带有预填字母的字体。

也许你可以在这里找到一个：http://www.dafont.com/

一旦你找到一个，你可以使用CSS3功能加载：

@font-face 
{ 
    font-family: myFont; 
    src: url('your_font.otf'); 
} 

然后，你可以参考它直接：

h1 
{ 
    font-family: myFont; 
}