嵌入自定义字体的符号

时间:2015-11-19 11:15:25

标签: html css fonts

也许这个问题太容易了,但我找不到任何有用的东西。

我知道如何通过@ font-face在CSS文件中定义自定义字体。 我不知道的是如何找出我必须使用哪些代码来显示某个符号。

为了让我的请求更清楚,我可以给你一个简单的例子: 如何在网页上显示此字体的第二个史努比图标? http://de.fontriver.com/font/snoopy_dings/

你如何找到某个符号的代码?

感谢您的努力, 罗伯特

3 个答案:

答案 0 :(得分:1)

首先,您需要找出映射到您的符号的相关字母。下载该字体并将其安装到您的计算机,打开一个文字处理器并使用插入符号功能。所以你可以找到相关的英文字母。让我们说它是“L”。
然后,您只需在HTML中键入L并通过CSS设置字体。
对于你的问题,它是“B”所以要在网页上显示这个字体的第二个史努比图标,你需要下面的代码。

<强> HTML

<span class="snoopy">B</span>

<强> CSS

.snoopy{
   font-family: "Snoopy Dings";
}

答案 1 :(得分:0)

我猜你的符号是一个字母,但字体很奇怪,它看起来不像一个字母。使用你的字体并尝试写B字母。它应该是你的史努比图标。

答案 2 :(得分:0)

除非你有字母表,否则没有简单的方法可以找出哪个图标与其他字母相关联。最简单的解决方案是只输入该字体中的字母,然后查看弹出的内容。

网站上实际上有一个选项可以尝试每个字母(在Probefahrt下)。这为您提供了自定义字体的正常字体和结果输入。

Custom font Snoopy Dings