失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html css调用自定义字体 css怎么自定义字体?

html css调用自定义字体 css怎么自定义字体?

时间:2020-09-12 01:56:41

相关推荐

html css调用自定义字体 css怎么自定义字体?

css自定义字体的方法步骤:1、下载所需字体,并将下载的字体文件放入font文件夹中。2、使用css的@font-face规则引入下载的字体即可使用自定义的字体了。

css自定义字体的方法详解:

1、首先需要下载所需字体

2、把下载字体文件放入 font文件夹里(建议font文件夹与 css 和 image文件夹平级))

3、引入字体(可直接在html文件里用@font-face引入字体,如下图,分别是字体名字和路径)@font-face{

font-family: '字体名称';

src: url('../font/字体名称.eot');

src:url('../font/字体名称.woff') format('woff'),

url('../font/字体名称.ttf') format('truetype'),

url('../font/字体名称.svg') format('svg');}

//html中的代码中加一个h1或者其他的,里面写你自己想要的特殊文字

h1{font-size:36px; color:#ccc;font-family: "字体名称";}

CSS3 @font-face 规则

在 CSS3 之前,web 设计师必须使用已在用户计算机上安装好的字体。

通过 CSS3,web 设计师可以使用他们喜欢的任意字体。

当您您找到或购买到希望使用的字体时,可将该字体文件存放到 web 服务器上,它会在需要时被自动下载到用户的计算机上。

您“自己的”的字体是在 CSS3 @font-face 规则中定义的。

在新的 @font-face 规则中,您必须首先定义字体的名称(比如 myFirstFont),然后指向该字体文件。

如需为 HTML 元素使用字体,请通过 font-family 属性来引用字体的名称 (myFirstFont)

如果觉得《html css调用自定义字体 css怎么自定义字体?》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。