行使 CSS 自界说网页字体

怎样行使自界说字体呢？一样平常的办理步伐是把笔墨体成图片，可是有点贫困, 不得当我的样的懒人，并且做成图片也不利便修改。尚有一种是通过CSS样式界说，我选择了这种, 由于它简朴易用，CSS中行使@font-face属性来实此刻网页中嵌入恣意字体，稍稍伟大一点的题目是每种赏识器都有本身的字体名目要求。

.TTF或.OTF 合用于Firefox 3.5、Safari、Opera
.EOT 合用于Internet Explorer 4.0+
.SVG 合用于Chrome、IPhone

要领：

stylesheet.css为样式界说(也就是自界说字体部门),

@font-face {

font-family: 'fontName'; /* 字体名称,可本身界说 */

src: url('fontName.eot');

src: local('fontName Regular'),

local('fontName'),

url('fontName.woff') format('woff'),

url('fontName.ttf') format('truetype'),

url('fontName.svg#fontName') format('svg');

}

将其内容复制到本身的样式表中就可以了, (留意URL部门与本身域空间内字体文件路径相匹配)

/* 行使要领 */

<p style="font-family: fontName">hello world!</p>

这样根基就完成了.

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!