哪里是字体文件?

时间:2011-10-07 02:35:08

标签: html css font-face

我正在使用此字体构建页面,请参阅此处:jsfiddle sample

该字体称为Cursive;它不是一个网络安全的字体。在Chrome和Firefox上,它看起来很棒。但是,在IE中,它没有显示。 我想使用@font-face css声明,但我想知道在哪里可以找到它的字体文件?我猜它已经装在我的电脑上了;我想在服务器上找到我需要的文件。

Here is the image of what I'm seeing

4 个答案:

答案 0 :(得分:1)

您正在寻找实际的字体文件?谷歌掌握着数以百计的免费字体下载网站。 Here was my top result

找到喜欢的文件后,将其ftp到服务器。然后使用css @font-face将其包含在样式表中。

使用Googles font api等服务的好处在于它是免费且快速的 - 但是,没有什么能阻止您从自己的服务器和自己的文件中执行此操作。

<style type="text/css">
@font-face {
    font-family: "My Custom Font";
    src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont { 
    font-family: "My Custom Font", Verdana, Tahoma;
}
</style>
<p class="customfont">Hello world!</p>

sample via hangy

答案 1 :(得分:1)

由于根据我们在不同机器上安装的字体,我们所看到的字体可能完全不同,为什么不试试What The Font

截取您看到的文字的截图并将其上传到Whatthefont - 它会检测它使用的字体,并为您提供多种免费和付费下载选项。

从那里你可以将它包含在你的css文件中。

答案 2 :(得分:0)

我在机器上看不到它。但这是你正在寻找的那个:

http://openfontlibrary.org/font/cursive

看起来有一个开放许可证,因此您可以通过FontSquirrel运行它以获得一个不错的@font-face声明。

答案 3 :(得分:0)

您的浏览器呈现为“Cursive”的字体只不过是我们的老朋友“Comic Sans”。

Comic Sans

"Cursive"

比较两个链接以验证