将文本显示为方形符号而不是字母答案

【问题标题】：display text as square symbols instead of letters将文本显示为方形符号而不是字母
【发布时间】：2014-01-27 11:40:38
【问题描述】：

有没有一种简单的 css 方法来显示文本，每个字母都替换为实心方块？

我的想法是找到一个所有字母都有正方形的字体系列，但我没有找到类似的东西。谷歌不是朋友，因为它会在字体以某种方式失败时出现的框发布问题。

字母应显示为正方形，而不是替换为正方形。另外，我需要能够使用通常的 html/css 来控制方形填充颜色。

我可以使用 font-face，但我试图避免创建自己的字体的学习曲线。

更新：这是一个例子：

div.innerHTML = "some arbitrary text".

应该这样显示：

"■■■■ ■■■■■■■■■ ■■■■".

【问题讨论】：

【解决方案1】：

@NoobEditor 是对的。许多在线字体编辑器可用（例如：http://fontark.net/farkwp/），您可以在几分钟内创建此类字体系列并嵌入到您的应用中。

【讨论】：

【解决方案2】：

获取一个方形字体，在你的页面样式中定义它，将它分配给一个对象，一个 div 必须工作，把你的文本放在那里。瞧。

【讨论】：

谢谢 - “在您的网页样式中定义它”指的是什么？
Somethig 喜欢这个 @font-face { font-family: 'font_name'; src: url('./fonts/your_font');字体粗细：正常；字体样式：正常； }
@Xavi，font-family 在客户端寻找字体，所以如果用户没有方形字体，它将无法工作。他必须定义自己的字体。
@Trash Bean 就是这样 - 但我很难找到 './fonts/your_font' 部分
这是您的字体，只需将其上传到您网站上的任何位置即可。可能你必须以不同的方式定义它，直到你需要的浏览器： src: url('../fonts/font.eot'); src: local("font"), url('../fonts/font.ttf');