我已经看到一些新的网站在他们的网站上使用自定义字体(除了常规的Arial,Tahoma等)。
而且它们支持大量的浏览器。
如何做到这一点?同时如果可能的话,还阻止人们免费访问下载字体。
发布于 2013-06-18 10:44:07
要确保您的字体是跨浏览器兼容的,请确保使用以下语法:
@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。
发布于 2012-08-27 22:33:02
您必须下载字体文件并将其加载到您的CSS中。
F.e.我在我的Web应用程序中使用Yanone Kaffeesatz字体。
我通过加载和使用它
@font-face {
font-family: "Yanone Kaffeesatz";
src: url("../fonts/YanoneKaffeesatz-Regular.ttf");
}
在我的样式表中。
发布于 2012-08-27 22:34:05
如果你在Google.com/webfonts或fontsquirrel.com上找不到任何你喜欢的字体,你总是可以用自己制作的字体制作你自己的网页字体。
这里有一个很好的教程:Make your own font face web font kit
虽然我不确定是否能阻止别人下载你的字体。
希望这能帮上忙
https://stackoverflow.com/questions/12144000
复制相似问题