很多站长朋友们都不太清楚html5怎么定义字体，今天小编就来给大家整理html5怎么定义字体，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 html5页面怎么引用字体ttf文件 2、 HTML5的Canvas怎样设置文本字体和字体大小 3、 html 字体编写 4、 我用HTML5做手机网页，如何设置字体大小以适合各种设备？ 5、 如何设置html5中字体的大小 html5页面怎么引用字体ttf文件1、首先在项目过程中新建文件夹fonts将准备好的ttf字体文件复制该文件夹下：
2、然后在工程新建style.css，使用@font-face中的font-family和src引入字体，在src的属性值填写“url(“路径”)”即可：
3、然后打开html文件，写入一些文字，在上方的head标签中引用css，使用link标签引入，在href中写入css文件的路径即可：
4、最后打开浏览器，可以看到在浏览器的文字已经改变了，引用是成功的：
HTML5的Canvas怎样设置文本字体和字体大小HTML5 Canvas的文本设置字体和大小，可以使用的字体在画布范围内的属性。
下面是一个简单的实例，基本语法：
context.font=[value];
HTML5 Canvas Text Font Size 例子
<!DOCTYPE HTML>
<html>
<head>
<title>html5_canvas_text_size</title>
<style>
body {margin: 0px;padding: 0px;}
#myCanvas {border: 1px solid #9C9898; margin:0 auto;margin-top:200px; margin-left:100px;}
</style>
<script>
window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = 150;
var y = 100;
context.font = "40pt Calibri";
context.fillText("Hello WEBJX!", x, y);
};
</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="200">
</canvas>
</body>
</html>
html 字体编写face="宋体"
引号得是英文输入法下的引号。
字体"隶书"得在你的电脑系统中装上才能显示。
"楷体-gb2312"应写成"楷体_GB2312"
像上面这样做就会有效果了。
在HTML5的规范中，<font>元素已不再推荐使用了。
可在其它元素中插入样式。(style)
所以你给出的代码可写成如下：
=======================================================
<p style="font-family:宋体" >设置字体为宋体</p>
<p style="font-family:隶书" >设置字体为隶书</p>
<p style="font-family:楷体_GB2312" >设置字体为楷体-gb2312</p>
========================================================
<p></p>也可改用<div></div>
我用HTML5做手机网页，如何设置字体大小以适合各种设备？一般你在用电脑做手机网页的时候，浏览器显示的比例和手机的比例为50%，就是说你在浏览器上面正常的内容在手机上只有50%的整体大小适配，所以说在浏览器做调试的时候把预览图缩小50%，然后调试各种属性的大小，显示正常后放到手机上就完美了
如何设置html5中字体的大小设置html5中字体的大小,首先需要理解是css中的font属性，通过font-size来改变字体的大小，设置的方式，一般都是通过给这个元素的一个id或者是class来设置，具体看下代码：
<html>
<head>
<style>
#round{
width:400px;
height:200px;
}
#round p{
color:#f00; //设置字体颜色为红色；
}
</style>
</head>
<body>
<div id="round">
<p>测试文字</p>
</div>
</body>
</html>
关于html5怎么定义字体的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html5怎么定义字体 html5怎么设置字体的详细内容...