自从font-face出现以后,字体样式就不再是web开发者的难题了,但是对于移动端的中文来说,问题还是存在的,因为中文文件大小最少要3M+,即使选择性的加载某个字的字体,那也会出现不易替换的问题,所以大多移动端都还采用系统自带字体,而且移动端也没什么字体,查遍网上很多资料有提到的,但是没说明,.....
分类:
Web程序 时间:
2015-04-14 19:31:47
阅读次数:
210
20150409 字体在网页中显示1.首先把字体放入font文件包h1{font-size:50px;text-align:center;color:green;font-family:my; 可以随意命名和下面的font-family名字必须一致}@font-face{font-family:my...
分类:
其他好文 时间:
2015-04-10 14:51:56
阅读次数:
153
这很简单,第一你要拿到一个字库,是你自己做的也好,往上下载的也好,然后登陆这个网址www.fontsquirrel.com/fontface/generator1.点击upload fonts上传你的字库2.选择第二项OPTIMAL3。点击红色的字体,Yes, the fonts I'm uploa...
分类:
Web程序 时间:
2015-04-06 18:35:52
阅读次数:
163
CSS中除了我们经常写的那些内容外 还有像@charset @import @namespce @keyframes @media @page @font-face @viewport等。 1, @charset 在外部样式表文件内使用。指定该样式表使用的字符编码。该规则后面的分号是必需的,如...
分类:
Web程序 时间:
2015-03-09 00:17:39
阅读次数:
279
一、前言 过去我们总通过图片来美化站点的LOGO、标题、图标等,而现在我们可以通过@font-face获取另一种更灵活的美化方式。二、看看例子 /* 定义 */@font-face {...
分类:
Web程序 时间:
2015-03-07 21:15:57
阅读次数:
235
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}<!--
/* Font Definitions */
@font-face
{font-family:宋体;...
分类:
其他好文 时间:
2015-03-07 18:40:23
阅读次数:
236
几乎所有浏览器(包括最古老的IE6)也支持的网络字体@font-face的用法是:@font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.e...
分类:
其他好文 时间:
2015-03-05 12:38:05
阅读次数:
106
在设计布局网页时 经常想要用一些比较好看的字体,比如微软雅黑,这个字体在近年来在网页设计中运用越来越平常, 然而所使用的字体也只有自己能看到 到别的机子上 又恢复了原来的宋体神马的。经过一位高手的提点,能用CSS直接实现,查阅了部分资料 并经过测试 总结下列方法来实现网页中的自定义字体我们很容易发现...
分类:
Web程序 时间:
2015-03-05 12:27:17
阅读次数:
207
@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体就不用再为只能使用Web安全字体烦恼了!肯定会有人问,这样的东西IE能支持吗?我告诉大家@font-face这个功能其实早在IE4就支持了,你肯...
分类:
Web程序 时间:
2015-03-05 12:19:52
阅读次数:
398
What is TypographyWhen we talk about typography, it's a big subject! Which of the following fall under the umbrella of typography?Choosing a font face...
分类:
其他好文 时间:
2015-03-05 06:48:03
阅读次数:
344