Question

我制作了一个十字绣图案生成器，它出现在这里：http://xstitch.zachrattner.com/

使用它的一些人说，一旦生成模式，他们就看不到模式中呈现的Unicode符号。这是我在测试嵌入字体的示例修复中使用的CSS：

@font-face
{
    font-family: FreeSerif;
    src: url(Fonts/FreeSerif.ttf) format("truetype");
}

*
{
    font-family: FreeSerif;
    font-size: 24px;
}

Wikipedia列出了FreeSerif实现的Unicode块。但是，如果您查看我的sample page，则某些符号将无法呈现。

有什么想法吗？提前谢谢。

Answer 1

只使用CSS字体优先级。

信息：http://htmlhelp.com/reference/css/font/font-family.html

同时设置：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Answer 2

页面现在指定

{ font-family：Helvetica，Verdana，Tahoma，Arial，sans-serif; }

并且不会覆盖包含针迹花样的大表。 Helvetica很可能存在不同的版本，具有不同的字符覆盖范围; Mac专家可能知道这一点。但在世界上大多数计算机中，该名称下没有字体。在这样的计算机上，浏览器将使用其他字体之一，而不能显示许多字符，例如， Verdana不包含它们，或者（更有用的是，根据CSS规范）扫描字体列表，直到找到包含正在显示的字符并最终回退到某些依赖于系统的字体的字体。

为了更好的可预测性和稳健性，您可以使用

td { font-family：“Arial Unicode MS”，“Lucida Sans Unicode”，“DejaVu Sans”， “Quivira”，“Symbola”，“Code2000”,; }

比照。到字体覆盖率信息： http://www.fileformat.info/info/unicode/char/25ec/fontsupport.htm 但是你真的需要检查你列出的每个字体是否包含你在表格中使用的所有字符。

其他选项：1）使用字体嵌入（font @face）作为允许嵌入的合适字体 - 但这可能涉及相当大的开销，因为包含所有这些字符的任何字体可能都是 big 。 2）使用小图像而不是特殊字符。

嵌入Unicode字体

2 个答案: