如何在HTML网站上安装自定义字体


Answers

您可以在大多数现代浏览器中使用@ font-face。

这里有一些关于它如何工作的文章:

以下是将字体添加到应用程序的好语法:

这里有几个地方可以将字体转换为@ font-face使用:

如果你不想使用font-face,cufon也可以工作,并且在网站上有很好的文档:

Question

我没有使用flash或php - 我被要求添加一个自定义字体到一个简单的HTML布局。 “KG六月虫”

我有它在本地下载 - 有一个简单的CSS技巧来完成这个?




有一个简单的方法来做到这一点:在html文件中添加:

<link rel="stylesheet" href="fonts/vermin_vibes.ttf" />

注意:你把你有的.ttf文件的名字。 然后转到您的css文件并添加:

h1 {
    color: blue;
    font-family: vermin vibes;
}

注意:你把你的字体的字体名称。

注意:请不要将font-family名称写为您的font.ttf名称示例:如果您的font.ttf名称为:“vermin_vibes.ttf”,则您的字体系列将为:“vermin vibes”字体系列不包含特殊字符作为“ - ,_”...等只能包含空格。




尝试这个

@font-face {  
    src: url(fonts/Market_vilis.ttf) format("truetype");
}
div.FontMarket { 
    font-family:  Market Deco;
}
 <div class="FontMarket">KhonKaen Market</div>

vilis.org




Links