web font

摘要： 制作网页时如何使用特殊字体对于网站制作者&前端老湿们来说，为了确保显示效果，长期以来不得不一直使用“安全字体”，英文网站一律是 Verdana，中文网站一律是宋体——因为这是每台浏览网页的电脑里肯定装有的字体。这是设计理念不断进步的UI老师们所不能容忍的。字体可是页面效果的根本，好比T台模特的衣服换了千万种，但你只能用这一两个模特(对于中文用户那就几乎只有一个宋体)？如何才能在网页上应用丰富的字体效果?特殊字体应用方案目前方案无非三种：客户打开网页的时候，提示客户安装该字体。制作图片嵌入网页。把字体嵌入到网页中(通过上传字体文件到指定目录，让CSS引用显示)。第一种方案明显存在弊端，用 阅读全文

摘要： 网页图片如何在线快速配文字图片是网页美化不可或缺的一种元素，有时作为片段文的载体(即将文字P在图片上)可大大提高文字阅读的体验。 在图片上配文字。你一定会最先想到Photoshop，没错，这是一个很强大的工具。但如果每次图片上的文字需要改变怎么办？好办，把原始图片找出来，重新用Photoshop处理，完成后上传替换原图。 有没有更简单易的方法?最好是一劳永逸(一次设计，后面文字再怎么改变都会自动应用样式)。 有的，在图片上面加文字层(DIV)… 如果是特殊字体呢（非宋体或微软雅黑)?也可以实现吗。在图片上应用任意字体，文字内容随意改变不需要再次处理。 下面介绍一种超炫的方法：web f... 阅读全文

摘要： 什么是@font-face @font-face是一种网络字体，是CSS的模块,利用CSS的@font-face属性可以在网页中嵌入任意字体。 字体使用是网页设计中不可或缺的一部分。网页是文字的载体，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。 美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷： 一、不可能大范围的使用该字体； 二、图片内容相对使用文字不易修改； 三、不利于网站SEO。 网络上有一些使用sIFR技术、或javascript/flash hack的方法，但实现起来或繁琐，或有缺... 阅读全文