巅峰霸主 > 设计开发 > 前端技术 >

HTML css代码调用外部字体和自定义字体方法

时间:2020-08-16 16:23:30  来源:巅峰霸主网  作者:烈火大地 点击:
摘要:引用外部字体或者自定义字体,在HTML代码中直接添加,也可以将css分离的方式来实现……

比如使用下图字体:

image.png

在HTML前端代码中引用方法:

效果如下:

image.png

全部代码:

<!DOCTYPE html><html lang="en"><head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>测试</title>
	<style>
		@font-face{
			font-family: test;
			src:url('./方正胖头鱼简体.ttf');
		}
		p{
			font-family: test;
		}
	</style></head><body>
	<p>我是方正胖头鱼简体.ttf字体 我是方正胖头鱼简体.ttf字体 我是方正胖头鱼简体.ttf字体</p></body></html>


(责任编辑:陆柏熺)
评价:
用户名: 验证码: 看不清?点击更换


关注站长自媒体 获取更多优质内容

  • 百家号
    百家号
  • 头条号
    头条号
  • 企鹅号
    企鹅号

2019-2021 ©巅峰霸主网 京ICP备12023415号-2
返回
顶部