html - 如何使用@face-font inline 作为行内样式规范?

标签 html css

<分区>

我想在页面中添加这个东西,但它不起作用。有没有办法内联指定这些样式?

   @font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum'), local('Cuprum-Regular'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v4/sp1_LTSOMWWV0K5VTuZzvQ.woff) format('woff');
}
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v4/SfDyn5tWOk7I1we45jpLKz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

最佳答案

将它们放在 head 元素内的 style 元素中,例如

<!doctype html>
<title>Your title</title>
<style>
  /* put your CSS code here */
</style>
<h1>Hello world</h1>

如果您不能将元素设置到 head 部分(当以 HTML 格式合成电子邮件时,您可能会这样,具体取决于编写程序),那么您可以尝试将 style 元素在 body 中。那将是无效的,但它在浏览器中仍然有效。

电子邮件客户端是否会识别它并使用可下载字体是一个不同的问题 – 取决于客户端。

关于html - 如何使用@face-font inline 作为行内样式规范?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12668337/

相关文章:

html - 创建像门一样摆动的 CSS3 3D 旋转

css - 如何删除 li css 之间的垂直间距

html - 尝试在背景后使用 z-index 子导航

javascript - 如何使用 javascript 操作从 html 输入中获取的日期

javascript - 增加弹出背景的高度

javascript - 在模态中自动单击按钮

html - td 内的不同元素水平对齐

html - 带有CSS的HTML5自适应网页设计

JavaScript for 循环不更改链接文本

Css垂直导航菜单重叠