首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

CSS怎么调用系统没有的字体

发布网友 发布时间:2022-04-20 08:02

我来回答

5个回答

热心网友 时间:2022-04-06 12:13

CSS调用系统没有的字体的操作方法和步骤如下:

1、首先,将字体以ttf,otf等格式放置在文件夹中。 这些是字体的不同格式,以便与不同的浏览器兼容,然后创建html文件test,见下图。

2、其次,完成上述步骤后,在test页面上打开的页面中添加一个class为anim的div代码,见下图。

3、接着,完成上述步骤后,在打开的页面上,找到anim的宽度和高度样式,见下图。

4、然后,完成上述步骤后,创建一个font-face,将字体设置为test,并将所有字体文件包含在src中,见下图。

5、随后,在anim样式中,完成上述步骤后,通过 font-family:test 来使用这个字体,见下图。

6、最后,完成上述步骤后,在浏览器中打开test文件,发现文本已成为字体了,见下图。

热心网友 时间:2022-04-06 13:31

使用css的@font-face引入服务器文件中的字体;

使用方法:

@font-face{
font-family:ch;
/*为引入的字体命名*/
src:url(../font/FZZCHJW.TTF);
/*定义要引入字体文件的路径*/
}

热心网友 时间:2022-04-06 15:05

<style> 
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9+ */
}

div
{
font-family:myFirstFont;
}
</style>

举个例子,url里的就是你的字体文件的网络位置

调用该字体时,只要调用@font-face{}里定义好的font-family名字就可以了

热心网友 时间:2022-04-06 16:57

使用css3的@font-face属性,兼容各个浏览器,但是需要你先到网络上查找所需的字体,然后转换安装下载到本地后放入你的根目录文件夹调用~~~文件夹是你自己定义的,不是说特定放哪里的哦,具体讲解,太长了,我提供个地址你自己去看看,保证你满意,

http://www.w3cplus.com/content/css3-font-face

热心网友 时间:2022-04-06 19:05

把字体文件和css文件拷贝到网站根目录下,然后在网站的<head></head>中间调用你的字体文件。例如:<link rel="stylesheet" href="font.css" type="text/css" charset="utf-8" />,最后要做的就是打开你网站的自身的css文件,把font-family改成与font.css对应的字体即可

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com