自定义网页字体。

         在自定义这个博客主题过程中使用了某些特定字体,这些字体并非操作系统的内置字体,这样用户在浏览页面的时就有可能看不到设计时效果,导致页面显示很丑陋,一般的解决办法是把文字体成图片。

        但是有点麻烦, 不适合我的样的懒人,而且做成图片也不方便修改.还有一种是通过CSS样式定义,我选择了这种, 因为它简单易用.CSS中使用@font-face属性来实现在网页中嵌入任意字体,稍稍复杂一点的问题是每种浏览器都有自己的字体格式要求。

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

那么为了主流的浏览器们都能正常显示必须将字体转换为以上这些格式才行,

但是这样就违背了”懒人原则”.

[当girl手中的一支棒棒糖就快被抢走时,一只hero出现了! “放开那个girl!”.. ]

恩, 我们的hero也没有迟到 http://www.fontsquirrel.com/fontface

该网站有很多别人制作完成的字体(适用于主流浏览器们的),

选择任意一款下载后你会得到一年压缩包,

解压后通常会得到*.eot,*.svg,*.ttf,*.woff和stylesheet.css等文件,

其中*.eot,*.svg,*.ttf,*.woff为字体文件,

放到自己站点的域空间内。

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部分与自己域空间内字体文件路径相匹配)

如果要制作自己的字体也可以, http://www.fontsquirrel.com/fontface/generator

但貌似是收费的.. -_-!

本文:来源

自定义网页字体。》有21个想法

  1. 阅城

    这两天倒弄服务器来着,结果放弃了,我换了万网的空间,反正也就弄这个博客了,不打算继续倒弄网站了,只求稳定就好~

    回复
    1. Soolby 文章作者

      我推荐给你个空间如何?我现在用的这个,代理用户群就有500人~万网还是企业用比较好,个人用不但贵而且根本没那个必要,还有你换个blog程序吧(呃,会不会被舜子看到,不会不会嘘)

      回复
    2. 阅城

      谢谢了,不过暂时不换空间了,我也是做空间代理的,别的空间实在信不过了,我用这个还好啦,万网M2我拿100多点。
      另外关于博客程序我也很无语,pj的新版本遥遥无期,基于php的wp我又用不惯,前阵子还自己开了个空间测试来着,zblog不错,asp的,优化和插件都比较好,只是我若转过去评论回复的那些就很难看,还得一条一条改。
      再加上链接变对搜索引擎不太好,我索性就继续等待吧。。

      回复
  2. 流浪儿

    能给我个微软雅黑的字体包吗,我觉得你的网站这种这样很好看,我一直也在找可是没找到,你发的那个网址我也找了,好多有点晕了。呵呵,谢谢!

    回复

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注