首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用CSS的自定义字体?

使用CSS的自定义字体?
EN

Stack Overflow用户
提问于 2012-08-27 22:28:32
回答 5查看 401.6K关注 0票数 192

我已经看到一些新的网站在他们的网站上使用自定义字体(除了常规的Arial,Tahoma等)。

而且它们支持大量的浏览器。

如何做到这一点?同时如果可能的话,还阻止人们免费访问下载字体。

EN

回答 5

Stack Overflow用户

发布于 2013-06-18 10:44:07

要确保您的字体是跨浏览器兼容的,请确保使用以下语法:

代码语言:javascript
复制
@font-face {
    font-family: 'Comfortaa Regular';
    src: url('Comfortaa.eot');
    src: local('Comfortaa Regular'), 
         local('Comfortaa'), 
         url('Comfortaa.ttf') format('truetype'),
         url('Comfortaa.svg#font') format('svg'); 
}

摘自here

票数 33
EN

Stack Overflow用户

发布于 2012-08-27 22:33:02

您必须下载字体文件并将其加载到您的CSS中。

F.e.我在我的Web应用程序中使用Yanone Kaffeesatz字体。

我通过加载和使用它

代码语言:javascript
复制
@font-face {
    font-family: "Yanone Kaffeesatz";
    src: url("../fonts/YanoneKaffeesatz-Regular.ttf");
}

在我的样式表中。

票数 26
EN

Stack Overflow用户

发布于 2012-08-27 22:34:05

如果你在Google.com/webfonts或fontsquirrel.com上找不到任何你喜欢的字体,你总是可以用自己制作的字体制作你自己的网页字体。

这里有一个很好的教程:Make your own font face web font kit

虽然我不确定是否能阻止别人下载你的字体。

希望这能帮上忙

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12144000

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档