1，@font-face 的出现在没有css3之前，我们给网页设计字体只能设置web安全字体，使得我们的网页表现看上去好像都是那个样子，那么如果我们想给字体设置web设计者提供的字体呢？没有问题，css中的@font-face 就可以帮助你解决这个问题。原理是通过将字体文件存储到服务器，再需要时被自...
分类：
Web程序 时间：
2015-07-25 00:02:46
阅读次数：
239
{ "color_scheme": "Packages/User/SublimeLinter/Dawn (SL).tmTheme", "font_face": "YaHei Consolas Hybrid ", "font_size": 12, "ignored_packag...
分类：
系统相关 时间：
2015-07-23 21:30:56
阅读次数：
147
Hello,World!Hello,World!gsdfds说到浏览器对@font-face的兼容问题，这里涉及到一个字体format的问题，因为不同的浏览器对字体格式支持是不一致的，这样大家有必要了解一下，各种版本的浏览器支持什么样的字体，前面也简单带到了有关字体的几种格式，下面我就分别说一下这个...
分类：
其他好文 时间：
2015-07-20 22:56:05
阅读次数：
167
@font-face { font-family: "宋体"; }@font-face { font-family: "Cambria Math"; }@font-face { font-family: "@宋体"; }@font-face { font-family: "Cambria"; }@f...
分类：
其他好文 时间：
2015-07-12 15:41:24
阅读次数：
4599
Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,/...
分类：
其他好文 时间：
2015-07-08 18:25:43
阅读次数：
128
图标字体的使用1. 什么是图标字体图标字体是字体文件，用符号和字形的轮廓代替标准的文字数字式字符。是专门为用户界面设计，就像系统字体一样，使用CSS@font-face在web浏览器里展示。使用图标字体来生成图标相对于基于图片的图标来说，有如下的好处：1.自由的变化大小2.自由的修改颜色3.添加阴影...
分类：
其他好文 时间：
2015-07-03 15:35:51
阅读次数：
146
CSS3制作Freebie标签，其中最有亮点的是使用css3来实现斜线背景以及方格背景，然后就是使用@font-face来制作icon图标。原理简单，重要的是思路，以及这两种背景实现的细节。
分类：
Web程序 时间：
2015-07-01 13:42:57
阅读次数：
123
Button UI Kit CSS3漂亮Button按钮，将Button UI Kit的设计图转换成CSS3的DEMO，制作的方法也相对简单，主要用到了CSS3的渐变gradient 、阴影text-shadow和box-shadow、还有就是字体icon的制作@font-face。但话说回来，属性简单，制作方法简单，但对渐变色的配置，阴影效果的拿捏还是要一定的技术，不信，你试试。...
分类：
Web程序 时间：
2015-06-30 15:04:57
阅读次数：
121
Button UI Kit CSS3漂亮Button按钮，将Button UI Kit的设计图转换成CSS3的DEMO，制作的方法也相对简单，主要用到了CSS3的渐变gradient 、阴影text-shadow和box-shadow、还有就是字体icon的制作@font-face。但话说回来，属性...
分类：
Web程序 时间：
2015-06-30 14:29:17
阅读次数：
121
1、为啥要用font-face制作小图标1）适用性：一个图标字体要比一系列的图像要小，一旦字体图标加载完，图标则会立刻显示出来，不需要去下载一个图像。2）可扩展性：可以使用font-size对图标进行大小设置，这使得能够随时输出不同大小的图标；但如果是图片，则需要为不同大小的图片输出不同的文件。3）...
分类：
其他好文 时间：
2015-06-18 19:03:36
阅读次数：
106
