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

时间:2014-01-27 11:40:38

标签: html css font-face font-family

是否有一种简单的CSS方式来显示文字,每个字母都用填充的方块替换?

我的想法是找到一个字体系列,其中包含所有字母的正方形,但我没有找到类似存在的字体。谷歌不是朋友,因为它会在字体以某种方式失败时出现的方框中显示已发布的问题。

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

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

更新:这是一个例子:

div.innerHTML = "some arbitrary text".

应该显示如下:

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

2 个答案:

答案 0 :(得分:0)

获取方形字体,在我们的页面样式中定义它,将其分配给对象,div必须工作,将文本放在那里。瞧。

答案 1 :(得分:0)

@NoobEditor虽然是对的。许多在线字体编辑器可用(例如:http://fontark.net/farkwp/),您可以在几分钟内创建这样的字体系列,并且可以嵌入您的应用程序。