如何添加一些非标准字体的网站?

有没有一种方法可以在网站上添加一些自定义字体，而不使用图像，Flash或其他图形?

例如，我在一个婚礼网站上工作，我为这个主题找到了很多漂亮的字体。但是我找不到在服务器上添加那种字体的正确方法。我如何将CSS字体包含到HTML中?如果没有图像，这可能吗?

当前回答

您可以使用@import url(url)导入web字体。您必须将url替换为字体源(完整的web源)。

2022-11-04 13:03:36

其他回答

JavaScript方式:

使用字体.js你可以嵌入自定义你的网页字体，这样你就不会必须将文本渲染为图像而不是创造图像或使用 Flash只是为了显示你的网站的图形文本用你想要的字体，你可以使用用纯HTML编写和CSS，就像你的访问者一样字体在本地安装。

http://typeface.neocracy.org/

2010-05-31 03:35:45

或者你可以试试sIFR。我知道它使用Flash，但只有在可用的情况下。如果Flash不可用，它将以原始(CSS)字体显示原始文本。

2008-09-20 11:33:07

您可以通过谷歌Web字体添加一些字体。

从技术上讲，字体驻留在谷歌，您可以将它们链接到HTML标头中。然后，你可以在CSS中使用@font-face(阅读它)自由使用它们。

例如:

在<head>节中:

 <link href=' http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>

然后在CSS中:

h1 { font-family: 'Droid Sans', arial, serif; }

这个解决方案似乎相当可靠(甚至Smashing Magazine也用它作为文章标题)。然而，目前谷歌字体目录中可用的字体并不多。

2010-06-28 07:08:22

请参阅文章《美丽网页排版的50个有用的设计工具》以获得其他方法。

我只用过Cufon。我发现它很可靠，很容易使用，所以我一直用它。

2010-04-06 05:06:59

@font-face {
font-family: "CustomFont";
src: url("CustomFont.eot");
src: url("CustomFont.woff") format("woff"),
url("CustomFont.otf") format("opentype"),
url("CustomFont.svg#filename") format("svg");
}

2020-09-29 23:57:15

如何添加一些非标准字体的网站?

推荐文章

最新文章

标签