当前位置：文江博客话题详情

服务器上可以使用@font-face指定字体吗

发布于 2025-01-02 19:33:58 字数 214 浏览 0 评论 0原文

我使用 @font-face 指定用户用于个性化礼品网站上的产品的字体。但是，虽然我在服务器上有相关的 .ttf 文件，但它们无法安装。我需要在处理 asp 页面中引用/使用它们，但目前只能使用/工作服务器上安装的字体。

@font-face 可以在服务器上使用吗？我可以使用类似的命令吗？或者确实有另一种方法可以通过添加某种脚本来做到这一点？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

心作怪 2025-01-09 19:33:58

要通过您的网站分发字体，您可能需要许可证。

如果您有权在服务器上分发字体，则可以使用以下样式（不跨浏览器兼容）。

// To download the font
@font-face {
font-family: custom_font;
src: url('custom_font.ttf');
}

// To use the font
.custom_font{
font-family: custom_font;
}

或者，您可以使用在线字体 API（例如 google web fonts）来查找替代字体。

<html> 
<head>   
<link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'>
<style>
    .custom_font { font-family: 'Condiment', cursive; }
</style>
</head> 
<body> 
<h2 class="custom_font">This is my custom font</h2>
</body> 
</html>

To distribute a font via your website you may need a license.

If you have the rights to distribute the font on your server you can use the following style (not cross browser compatible).

// To download the font
@font-face {
font-family: custom_font;
src: url('custom_font.ttf');
}

// To use the font
.custom_font{
font-family: custom_font;
}

Or you could use an online font api such as google web fonts to find a font alternative.

<html> 
<head>   
<link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'>
<style>
    .custom_font { font-family: 'Condiment', cursive; }
</style>
</head> 
<body> 
<h2 class="custom_font">This is my custom font</h2>
</body> 
</html>

回复收藏 0 原文

~没有更多了~