Question

我有一个包含

的CSS

.warning{
  margin-top: 1em;
  padding: 10px 5px 15px 45px;
  border-color: #680000;
  border-width: 5px 3px 1px 1px;
  border-style: solid;
  font-family:Buxton Sketch, Arial;
  background: #ffcccc url("../images/warning.gif") no-repeat 3px center;
  font-style: normal;
}

所以我的主要目标是在 Buxton Sketch 中显示一个文本，但如果在我的网站被查看的计算机上找不到该字体，那么 Arial 是下一个选择（因为它是一个常见的选择）。关键是大小为6的 Buxton Sketch 与大小4中的 Arial 非常相似。所以在我的.html页面中，我有以下代码：

<div class="warning"><font size="4"><b> Please note!</b></font><br/>
<span style="color:black">
Several previous versions do not include a <i>back</i> button, thus - once you go there - there is no going back!
(that is - apart from the casual <i>back</i> button in every browser). So be careful!
<span style="color:black">
</span></span></div>

现在，在安装了Office的Windows上查看我的网页时，我会看到＆＃34;警告＆＃34;部分字母太小，但在Linux上还可以。如果不是大小<font size="4">我写<font size="6">然后在Windows上就可以了，但是在Linux上它太大了。

有没有办法检查字体是否已安装，然后才决定尺寸？因此，如果安装 Buxton Sketch ，则大小为6，否则为4（或者我可能希望插入另一种字体作为我的第二优先级，并且 Arial 作为我的第三个，等等。）

如果有办法 - 仅在.html文件中进行更改，还是必须在CSS中？

谢谢！

在HTML中更改字体大小

0 个答案: