1

我正在使用缺少特殊字符的自定义字体：“@”，但是尽管我在元素的字体系列上添加了更多字体，但缺少的字符并没有被替换。不应该显示吗？

@font-face {
    font-family: 'mainFont';
    src: url('fonts/font1.eot');
    src: local('☺'), url('../fonts/font1.svg') format('svg'), url('fonts/font1.woff') format('woff'), url('fonts/font1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

&

.text {
    font-family:"mainFont", Verdana, sans-serif;
}

html

<span class="text">email @</span>
4

2 回答 2

1

我在元素的字体系列上添加了更多字体，丢失的字符没有被替换。不应该显示

不，不会的。当没有找到第一个或第二个字体时，使用多个字体名称很有用，然后浏览器看起来像第三个。

您的字符集中似乎@不存在符号字符mainFont。

于 2013-08-22T14:47:19.203 回答
1

指定多个字体系列会指示浏览器在缺少整个字体时寻找替代品。它不适用于单个字符。

您必须将字符添加到字体中，或者在使用字符时使用不同的字体@。

以下是可能有帮助的开源 Windows 字体编辑器列表。

作为一个非常糟糕的替代方案，您可以使用 jQuery@在文档加载时查找所有字符，并在它们周围包裹一个具有不同字体系列的跨度。但这可能会导致用户屏幕闪烁。

于 2013-08-22T14:47:53.767 回答