css - HTML5 中的内联自定义 CSS 字体

标签 css html fonts

我正在尝试在网页中使用自定义字体。然而,我对 HTML5 和 CSS 几乎一无所知。我希望 1 h1 标签具有自定义字体。我在与网页相同的文件夹中有 .ttf 文件。我尝试了这个但没有成功:

<h1 style="text-align: center"; font-family="MinecrafterReg.ttf">Welcome to Ben's Minecraft</h1>

还有谁能帮帮我吗?

最佳答案

将其粘贴在样式标签中:

@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>

关于css - HTML5 中的内联自定义 CSS 字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32462939/

相关文章:

ruby-on-rails - 从db到css文件?

javascript - 样式和脚本标签序列

jquery - 位置 :absolute and height

fonts - 使用 Inno Setup 安装字体 - 替换锁定的字体

javascript - 在 JavaScript 中获取字体指标?

html - 用html制作星星

html - Angularjs 重复不显示空间

html - 如何对齐头像圆圈和文本内容css

html - 为什么 width = 0 height = 0 的 SVG 占用布局空间?

css - 更改 Blogger 页面的字体大小