gpt4 book ai didi

html - 为什么我的字体不起作用?

转载 作者:太空宇宙 更新时间:2023-11-04 14:39:17 25 4
gpt4 key购买 nike

我的字体适用于 chrome、opera 和 safari,但不适用于 ie 或 firefox。我无法理解@font-face,即使在阅读了其他有关它的问题之后也是如此。

@font-face {
font-family: "TikalSansBlack";
src: url("./fonts/TikalSansBlack.eot?");
src: url("./fonts/TikalSansBlack.woff") format("woff"),
url("./fonts/TikalSansBlack.ttf") format("truetype"),
url("./fonts/TikalSansBlack.svg") format("svg")
url("./fonts/TikalSansBlack.otf") format("opentype");
}

@font-face {
font-family: 'TikalSansMedium';
src: url('./fonts/TikalSansMedium.eot?');
src: url('./fonts/TikalSansMedium.woff') format('woff'),
url('./fonts/TikalSansMedium.ttf') format('truetype'),
url('./fonts/TikalSansMedium.svg') format('svg')
url('./fonts/TikalSansMedium.otf') format('opentype');
}

@font-face {
font-family: 'TikalSansThin';
src: url('./fonts/TikalSansThin.eot?');
src: url('./fonts/TikalSansThin.woff') format('woff'),
url('./fonts/TikalSansThin.ttf') format('truetype'),
url('./fonts/TikalSansThin.svg') format('svg')
url('./fonts/TikalSansThin.otf') format('opentype');
}

here's the website I'm working on

最佳答案

试试这个,如果这不起作用,我会将所有源代码放在一行中,如果那不起作用,则删除格式属性。 (下面的修复在 .svg 之后添加了一个您错过的逗号,这是所有 3 个 @font-face 的问题)。

  @font-face {
font-family: 'TikalSansThin';
src: url('./fonts/TikalSansThin.eot?');
src: url('./fonts/TikalSansThin.woff') format('woff'),
url('./fonts/TikalSansThin.ttf') format('truetype'),
url('./fonts/TikalSansThin.svg') format('svg'),
url('./fonts/TikalSansThin.otf') format('opentype');
}

关于html - 为什么我的字体不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18498064/

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