如何解决在HTML中使用@ font-face
最近,我有点重新编写代码,并希望通过开设一个小型网站来进行练习。因此,我想使用@ font-face定义自定义字体,并且我知道应该这样做(我的字体称为Champagne&limousines):
<style>
@font-face {
font-family: 'Champagne & Limousines';
src: url('/fonts/Champagne & Limousines.eot');
src: url('/fonts/Champagne & Limousines.woff2') format('woff2'),url('/fonts/Champagne & Limousines.woff') format('woff'),url('/fonts/Champagne & Limousines.ttf') format('truetype'),url('/fonts/Champagne & Limousines.svg#Champagne & Limousines') format('svg'),url('/fonts/Champagne & Limousines.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
但是,我想知道为什么我们不必在每行之前放置“ src:”。可以请教我背后的逻辑吗?
谢谢。
解决方法
在html中使用字体时,应在所需的特定部分使用,例如,如果我要使用 “ Vazir-Fd”(在我的国家是常用字体),我这样使用它:
@font-face{
font-family:'Vazir-FD',`src:url('/path')`
}
body{
font-family:'Vazir-FD'
}
在这种情况下,我将其插入正文中,您可以在任意位置输入字体系列。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。