我想在网页中使用自定义字体。但是我对HTML5和CSS几乎一无所知。我希望有一个
标签可以使用自定义字体。我将.ttf文件放在与网页相同的文件夹中。但是以下代码没有成功：
<h1 style="text-align: center"; font-family="MinecrafterReg.ttf">Welcome to Ben's Minecraft</h1>
还有其他人能帮助我吗？
4个回答
9
将以下内容放入样式标签中：
@font-face {
font-family: MinecrafterReg;
src: url(MinecrafterReg.ttf);
font-weight:400;
然后将这个内容放入h1标签中：
<h1 style="text-align: center; font-family: MinecrafterReg">Welcome to Ben's Minecraft</h1>
- Ben Ackerley
2
现在你可以在你的样式块顶部放置一个
@import：<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
</style>
- James Gentes
-4
这不是在网站上使用自定义字体的正确方法。首先，您应该使用外部样式表，并将所有CSS放在其中。使用内联样式不是一个好的实践。其次，我认为您不能像您想要的那样链接到.ttf文件。还要注意您的代码具有错误的内联格式。font-family：not =。此外，整个内联样式需要用引号括起来。style="text-align: center; font-family: 'Sigmar One', cursive;"
话虽如此 - 您可以在文档的“head”中链接您的字体，然后使用内联样式来设置h1的样式。以下是使用Google字体的方法。希望这有所帮助！
<head>
<link href='https://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet' type='text/css'>
</head>
<h1 style="text-align: center; font-family: 'Sigmar One', cursive;">Welcome to Ben's Minecraft</h1>
- Mike
3
6在优化性能时，内联样式实际上非常有帮助。 - Jannik Lehmann
请删除您的答案。 - Emil Rosenius
请查看此链接：https://web.dev/font-best-practices/#inline-font-declarations - Eric Nelson
-5
在内联样式CSS中，字体族为font-family:url('https://s3-xxxxxxxxxxxxxx/fonts/FloydsnirLTStd-Rmands.otf');
- Luqman
1
5这该怎么实现，为什么它被认为可以帮助解决所述的问题？ - Yunnosch
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接