Question

我已经在我的系统中下载并安装了一个字体，然后我在我的项目中使用了这个字体，它在本地系统中运行良好，但是当我将此页面上传到服务器时它无法正常工作。如何在服务器中安装字体？或者我该如何解决这个问题？

请帮帮我!!!!

Answer 1

使用CSS3，即使用户的计算机上没有字体，也可以在网站上嵌入字体。

首先将您的字体上传到服务器上的目录。

然后在CSS中注册该字体，以便您可以像这样使用它：

@font-face {
 font-family: 'Raspoutine Medium';
  src: url(http://site/fonts/Raspoutine Medium.ttf);
}

然后，要在您网站中的元素上使用它：

body {
font-family: 'Raspoutine Medium', Arial, Helvetica, san-serif;
}

（见http://www.w3.org/TR/css3-fonts/#the-font-face-rule）

请注意，这仅适用于部分现代浏览器，即当前版本的Firefox，Chrome，Safari，Opera和IE9。 IE8和旧版本的IE不支持这一点，因此最好用“后退”字体声明和测试网站。

另请注意，根据字体可能存在许可问题..

Answer 2

即使您在服务器中安装了字体，也不意味着当用户尝试访问该网站时该字体应该可以正常工作。该字体必须安装在要访问它的所有计算机上，因此如果您的站点是公共的，则无法让每个用户都安装该字体。所以一个好的做法和推荐的方法是使用默认字体。

另一种选择是结帐Google Fonts API。优点是

* A choice of high quality open source fonts.
* Works in most browsers.
* Extremely easy to use.

Answer 3

首先你需要将你的字体文件上传到服务器，下载你的字体的zip文件，然后通过FTP像filezilla一样将unziped文件夹上传到服务器然后你可以在你的css中使用它，但是替换＆＃34; font / path＆＃34 ;在您上传字体的路径中，并非必须上传下面给出的所有扩展文件，但如果您不想上传任何扩展文件，只需从下面删除其条目，这是一个很好的做法。代码

@font-face { font-family: 'Font Name'; src: url('font/path/fontname.eot'); src: url('font/path/fontname.eot?#iefix') format('embedded-opentype'), url('font/path/fontname.woff') format('woff'), url('font/path/fontname.ttf') format('truetype'); font-weight: normal; font-style: normal;}

您可以像

一样使用它

#element { font-family: 'Font Name'; }

希望这有帮助

Answer 4

您可以将服务器中的字体加载到网页中，就像任何其他资源一样，除了IE之外，所有现代浏览器都使用CSS3，这需要使用WEFT.exe（从Microsoft免费下载）来创建EOT文件。 TTF字体文件（在运行WEFT之前将TTF文件存储在本地字体目录中）。

在您的网站目录中有TTF和EOT文件后，以下代码应该有效：

/* Load font for IE only */
@font-face {font-family: Font Name;font-style: normal; font-weight: normal; src: url(FontName.eot)}
/* Load font for other browsers */
@font-face {font-family: Font Name; src: url(FontName.ttf)}
/* Specify default font and any other styles */
#id {font-family:Font Name,sans-serif}
...
<p id="id">Text to be displayed</p>

Answer 5

右键单击要安装的字体，然后单击“安装” 或将字体拖入控制面板中的“字体”图标中。

Answer 6

您可以使用/获取相对路径。

@font-face {
    font-family: Font-Name;
    src: url(/content/font/Font-Name.ttf ); /* IE */
    src: local("B Yekan"), url(/Content/fonts/Font-Name.ttf format("truetype"); /* non-IE */
    font-style: normal;
    font-weight: 100;
}

如何在服务器中安装字体

6 个答案: