gpt4 book ai didi

html - 远程使用ttf的字体

转载 作者:太空宇宙 更新时间:2023-11-04 09:50:42 24 4
gpt4 key购买 nike

我有一些代码可用于使用 Code39r.ttf 字体创建条形码。

在我的本地机器上使用它似乎工作正常

<html>

<head>

<style>

@font-face {
font-family:code;
src: url(Code39r.ttf);
}

#myFont {
color:#111111;
font-size:180px;
font-family:code;
}

</style>

</head>

<body>

<p id="myFont">123 456</p>

</body>
</html>

一旦我尝试从在线源加载字体,它似乎永远不会加载

https://jsfiddle.net/jhc7p69p/2/

不确定哪里出了问题或者是否有原因

最佳答案

您使用自定义字体,您需要更多类似的字体文件。

@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
font-family: 'MyWebFont', Fallback, sans-serif;
}

关于html - 远程使用ttf的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39121373/

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