Fonts GothamBold字体在Safari上不呈现
我在我的网站上使用GothamBook和GothamBold。GothamBook渲染正确,但没有GothamBold,仅在Safari上 我不知道为什么bold不重新设计Fonts GothamBold字体在Safari上不呈现,fonts,safari,Fonts,Safari,我在我的网站上使用GothamBook和GothamBold。GothamBook渲染正确,但没有GothamBold,仅在Safari上 我不知道为什么bold不重新设计 @font-face { font-family: 'Gotham HTF'; src: url("font/GothamHTF-Book.woff") format("woff"); url("font/GothamBook.ttf") format("truetype"); font-we
@font-face {
font-family: 'Gotham HTF';
src: url("font/GothamHTF-Book.woff") format("woff");
url("font/GothamBook.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham HTF';
src: url("font/Gotham-Bold.woff") format("woff"),
url("font/Gotham-Bold.woff2") format("woff2"),
url("font/Gotham-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
工作:
不工作:我找到了解决方案。旧的safari版本不支持这种类型的声明。我需要声明具有不同名称的字体:
@font-face {
font-family: 'Gotham HTF';
src: url("font/GothamHTF-Book.woff") format("woff");
url("font/GothamBook.ttf") format("truetype");
}
@font-face {
font-family: 'Gotham HTF Bold';
src: url("font/Gotham-Bold.woff") format("woff"),
url("font/Gotham-Bold.woff2") format("woff2"),
url("font/Gotham-Bold.ttf") format("truetype");
}