Question

我正在尝试在页面中添加此内容，但它无效。有没有办法在线指定这些样式？

   @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');
}

Answer 1

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

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

如果你不能将元素设置到head部分（就像你可能那样，当合成HTML格式的电子邮件时，取决于编写程序），那么你可以尝试将style元素放在body。这将是无效的，但它仍然适用于浏览器。

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

如何使用@ face-font内联作为内联样式规范？

1 个答案: