gpt4 book ai didi

css - 使用来自 fontsquirrel 的 @font-face 和字体

转载 作者:行者123 更新时间:2023-11-28 06:19:44 27 4
gpt4 key购买 nike

我正在尝试创建我的第一个网站,并且正在尝试使用 fontsquirrel 的字体。

唯一的问题是我只能使用通过网站下载的部分字体。

当字体系列包含多个样式时,我遇到了很多问题,尤其是在正确编写 css 代码方面。

让我们以 LM Mono 10 Regular 和 Special Elite 为例:

我的特殊精英代码如下,效果很好:

@font-face {
font-family: 'specialelite';
src: url('specialelite.eot');
src: url('specialelite.eot?#iefix') format('embedded-opentype'),
url('specialelite.woff2') format('woff2'),
url('specialelite.woff') format('woff'),
url(' specialelite.ttf') format('truetype'),
url(' specialelite.svg# specialelite') format('svg');
font-weight: normal;
font-style: normal; }

AND

.fifth {font-family: 'specialelite'; font-weight: normal; font-size: 16px; color:black;}

但是.. 当我试图在 LM Mono 10 系列的任何风格上调整这种格式时,它根本不起作用....

http://www.fontsquirrel.com/fonts/Latin-Modern-Mono

我现在已经尝试了两天零几个小时,而且我正处于严重危机的边缘......我不知道错误是否在我指的字体系列的方式上,或者我是否写了url 错误...拜托,我真的求求你了,你能在回复中提供一个代码示例吗?

假设为“Latin Modern Mono Light 10 Regular”..

我只是不明白..

提前谢谢你,

亚历山德罗斯。

最佳答案

我刚刚设法让你的字体正常工作看看我的代码我把所有文件都放在名为 HTML 的根目录中

<!doctype html>

<html lang="en">
<head>
<meta charset="utf-8">

<title>Font Test</title>


<style>
@font-face{
font-family: 'MyWebFont';
src: url('lmmono10-regular-webfont.eot');
src: url('lmmono10-regular-webfont.eot?iefix') format('eot'),
url('lmmono10-regular-webfont.woff') format('woff'),
url('lmmono10-regular-webfont.ttf') format('truetype'),
url('lmmono10-regular-webfont.svg#webfont') format('svg');
}

p { font-family: 'MyWebFont'; }
</style>

</head>

<body>
<p>My Test</p>
</body>
</html>

希望对你有帮助

关于css - 使用来自 fontsquirrel 的 @font-face 和字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35675134/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com