CSS加载服务器上的字体太慢、能不能在字体加载未完成之前显示默认宋体

CSS加载服务器上的字体太慢、能不能在字体加载未完成之前显示默认宋体,第1张

CSS加载服务器上的字体太慢是设置错误造成的,解决方法为:

1、新建文件创建p标签,设置字体加粗。

2、设置字体大小。

3、设置使用什么字体。

4、设置下划线如下图所示。

5、附上代码<body><style>p{line-height:40px}.p1{font-weight:bold}.p2{font-size:36px}.p3{ font-family:"微软雅黑"}.p4{font-style:italic}.p5{text-decoration:underline}</style><p class="p1">你好</p><p class="p2">你好</p><p class="p3">你好</p><p class="p4">你好</p><p class="p5">你好</p><p>你好</p></body>。

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文件,发现文本已成为字体了,见下图。

1、我们选择将我们的样式全部建到一个CSS文档中,通过调用CSS文件来加载样式。

2、在头部调用CSS文件样式。

3、对于CSS,我们最常用的是通过class或是标签名来控制样式。

4、我们控制字体样式使用的font。

5、比如我们要设置字体的大小,那么我们可以使用font-size,来进行设置。

6、如果我们需要设置字体样式,那么我们可以使用font-family。

7、如果我们需要给字体加粗,那么我们可以使用font-weight。

8、在设置字体过程中,除了font常用外,其次比较常用的就是text了,我们可以利用text,设置字体的一些其他样式,比如text-align可以设置文字的对齐方式。

9、而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。

10、如果您定义的容器比文字的宽度小,那么可以设置overflow:hidden,当溢出后,便会自动隐藏其溢出的内容。

11、font-style可以设置字体的样式。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/8066990.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-13
下一篇 2023-04-13

发表评论

登录后才能评论

评论列表(0条)

保存