这篇文章主要介绍“CSS中使用font-face改变字体即加载外部字体的方法”,在日常操作中,相信很多人在css中使用font-face改变字体即加载外部字体的方法问题上存在疑惑,小编查阅了各式资料,整理出
这篇文章主要介绍“CSS中使用font-face改变字体即加载外部字体的方法”,在日常操作中,相信很多人在css中使用font-face改变字体即加载外部字体的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css中使用font-face改变字体即加载外部字体的方法”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
代码如下:
<!DOCTYPE html>
<meta charset="UTF-8">
<head>
<script src="Jquery-1.8.2.min.js"></script>
<style>
#gmap,#controls {
width:300px;
height:300px;
}
@font-face {
font-family: Lovelo-Black;/×定义font的名字×/
src: url('font/Lovelo Black.otf');/*把下载的字体文件引入进来×/
}
@font-face {
font-family: Lovelo;
src: url('font/Lovelo Line Bold.otf');
}
@font-face {
font-family: HYPED;
src: url('font/HYPED_Font.otf');
}
div.a {
font-family: Lovelo-Black, sans-serif;
font-size:24px;
}
div.b {
font-family: Lovelo, sans-serif;
font-size:24px;
}
div.c {
font-family: HYPED, sans-serif;
font-size:24px;
color:yellow;
}
body {
background-color:rgb(216, 216, 216);
}
</style>
<script>
</script>
</head>
<body class="sapUiBody">
<div class="a">Hello World 123456</div>
<div class="b">Hello World 123456</div>
<div class="c">Hello World 123456</div>
</body>
到此,关于“css中使用font-face改变字体即加载外部字体的方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!
--结束END--
本文标题: css中使用font-face改变字体即加载外部字体的方法
本文链接: https://www.lsjlt.com/news/75482.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0