这篇文章主要介绍“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>
免责声明：本站发布的内容（图片、视频和文字）以原创、来自互联网转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：ts@56dr.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
Copyright © 2009-2021 56dr.com. All Rights Reserved. 特网科技 版权所有 珠海市特网科技有限公司 粤ICP备16109289号
域名注册服务机构:阿里云计算有限公司（万网） 域名服务机构：烟台帝思普网络科技有限公司（DNSPod） CDN服务：阿里云计算有限公司 中国互联网举报中心 增值电信业务经营许可证B2 建议您使用Chrome、Firefox、Edge、IE10及以上版本和360等主流浏览器浏览本网站
