CSS 装饰 - 填充字母的圆圈

【问题标题】：CSS decoration - fill the cyrcles of the lettersCSS 装饰 - 填充字母的圆圈
【发布时间】：2011-09-12 19:57:10
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

找到一个后，您可以使用 CSS3 功能加载它：

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

那你可以直接参考：

h1
{
   font-family: myFont;
}

【讨论】：

【解决方案3】：

当然可以，但是您必须自己制作字体。它也不适用于每个浏览器。查看CSS 3 Fonts module。

【讨论】：