1、创建一个画布,设置宽度和高度。
2、获取到元素,varcanvas=document.getElementById("canvas")。
3、创建context对象,varctx=canvas.getContext("2d")。
4、设置绘制文本的字体和字体大小,ctx.font="40px微软雅黑"。
5、在画布上绘制实心的文本,其中三个参数含义是:第一个是绘制的文本,第二个是绘制文本横坐标起始坐标,第三个是纵坐标的起始坐标,ctx.fillText("HTML5",200,200)。
font-family:'Microsoft YaHei'。
2、网页字体样式华文楷体:STKaiti
3、网页字体样式华文宋体:STSong
4、网页字体样式华文仿宋:STFangsong
5、网页字体样式黑体:SimHei
6、网页字体样式宋体:SimSun
7、网页字体样式新宋体:NSimSun
8、网页字体样式仿宋:FangSong
9、网页字体样式楷体:KaiTi
10、网页字体样式仿宋_GB2312:FangSong_GB2312
11、网页字体样式楷体_GB2312:KaiTi_GB2312
12、网页字体样式微软正黑体:Microsoft JhengHei
13、网页字体样式微软雅黑体:Microsoft YaHei
14、网页字体样式隶书:LiSu
15、网页字体样式幼圆:YouYuan
16、网页字体样式华文细黑:STXihei
17、网页字体样式华文楷体:STKaiti
18、网页字体样式华文宋体:STSong
19、网页字体样式华文中宋:STZhongsong
20、网页字体样式华文仿宋:STFangsong
21、网页字体样式方正舒体:FZShuTi
22、网页字体样式方正姚体:FZYaoti
23、网页字体样式华文彩云:STCaiyun
24、网页字体样式华文琥珀:STHupo
25、网页字体样式华文隶书:STLiti
26、网页字体样式华文行楷:STXingkai
27、网页字体样式华文新魏:STXinwei
扩展资料
html内容描述
<h1></h1>最大的标题(一号标题)
<pre></pre>预先格式化文本 (英文全称:PREformatted)
<u></u>下划线(英文全称:Underline)
<b></b>黑体字 (英文全称:Bold)
<i></i>斜体字 (英文全称:Italics)
<tt></tt>打字机风格的字体
<cite></cite>引用,通常是斜体
<em></em>强调文本(通常是斜体加黑体、英文全称:EMphasize)
<strong></strong>加重文本(通常是斜体加黑体)
<font size="" color=""></font>设置字体大小从1到7,颜色使用名字或RGB(中文全称:红绿蓝)的十六进制值
<BASEFONT></BASEFONT>基准字体标记
<big></big>字体加大
<SMALL></SMALL>字体缩小
<DELECT></DELECT>加删除线
<CODE></CODE>程式码
<KBD></KBD>键盘字(英文全称:KeyBoarD)
<SAMP></SAMP>范例(英文全称:SAMPle)
<VAR></VAR>变量(英文全称:VARiable)
<BLOCKQUOTE></BLOCKQUOTE>向右缩排(向右缩进、块引用)
<DFN></DFN>述语定义(英文全称:DeFiNe)
<ADDRESS></ADDRESS>地址标记
<sup></SUP>上标字 (英文全称:SUPerscript)
<SUB></SUB>下标字(英文全称:SUBscript)
<xmp>...</xmp>;固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>;固定宽度字体(不执行标记符号)
<listing>...</listing>固定宽度小字体
<font color=00ff00>...</font>;字体 颜色
<font size=1>...</font>;字体 大小等于1(最小)。
<font style ='font-size:100 px'>...</font>;字体 样式等于无限增大(100像素)
参考资料:百度百科:HTML
不能单单是font-family:"方正准圆繁体",因为这不是电脑常规字体,你开发用的电脑上面安装了这种字体,但客户浏览你网站的电脑就不一定安装了这种字体,假如客户电脑没有安装你这种字体,则会默认显示为宋体,这种情况有两种解决方案,1.是用图片代替文字,2.是把这种字体下载下来放到你网站的目录里面,然后把字体包调用在页面里面!<style>
@font-face {
font-family:'dabiaosong'
src: url('方正准圆繁体.ttf') format('truetype')
}
</style>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)