html - 更改网站字体样式

Question

我正在为我的网站使用一种字体，即“Aparajita”。不需要在访问我的站点的每个系统中都可用。

我的问题是在浏览 PC 上安装此字体时看起来会有所不同，而在未安装相同字体时看起来会很糟糕。

我应该如何解决这个问题。

我应该在我的托管服务器上安装“Aparajita”字体还是其他什么...

提前致谢..

Answer 1

1. 确保您拥有该字体的合法权利。

2. 使字体在您的 Web 服务器上可用（即，将它放在一个目录中，从该目录中可以响应 HTTP 请求，就像处理图像或样式表一样）。

3. 在你的 CSS 中使用@font-face.

参见：https ://developer.mozilla.org/en-US/docs/CSS/@font-face

Font Squirrel有许多免费字体和字体相关工具。谷歌字体对整个过程进行了抽象，使其变得非常容易。

现在您（希望）知道要搜索哪些术语，您可以在 SO 上找到许多使用自定义字体的示例。

Answer 2

您可以使用CSS3 @font-face 属性在您的网站中使用自定义字体，借助此属性，您的字体在所有计算机上看起来都一样，无论他们是否安装了该字体......

你可以这样写：-

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff') format('woff'), /* Modern Browsers */
         url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    }

或阅读有关如何为我们的网站使用自定义字体的更多信息.....

Answer 3

<font face="Your font_family">

这里是字体样式。

<FONT SIZE=7 COLOR=RED>word</FONT></U></B>