网页计划中嵌入恣意字体的实现要领
|
字体行使是网页计划中不行或缺的一部门。常常地，我们但愿在网页中行使某一特定字体，可是该字体并非主流操纵体系的内置字体，这样用户在赏识页面的时辰就有也许看不到真实的计划。美工计划师最常做的步伐是把想要的笔墨做成图片，这样做有几个明明缺陷：1. 不行能大范畴的行使该字体；2. 图片内容相对行使笔墨不易修改；3. 倒霉于网站SEO（主流搜刮引擎不会将图片alt内容作为判定网页内容相干性的有用身分）。收集上有一些行使sIFR技能、或javascript/flash hack的要领，但实现起来或繁琐，或有缺陷。下面要讲的是怎样只通过CSS的@font-face属性来实此刻网页中嵌入恣意字体。  引用的内容：[www.veryhuo.com]
@font-face { font-family: 'fontNameRegular'; 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'); } /*个中fontName替代为你的字体名称*/ 在页面中必要的处所行使该字体： Copy to Clipboard引用的内容：[www.veryhuo.com]
p { font: 13px fontNameRegular, Arial, sans-serif; } h1{font-family: fontNameRegular} 可能 Copy to Clipboard引用的内容：[www.veryhuo.com]
<p style="font-family: fontNameRegular">掬水月在手，落花香满衣</p>
下面是我通过上面两步做的示例：
（编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
