将字符大小font-size设置为100%的作用:在代码中往往有些让人感觉奇怪的代码却能够起到非同寻常的作用，下面就介绍一个关于字体大小的设置问题。在一些css代码中会有以下代码: h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} input,select,textarea,samp {font-size:100%;} 在以上代码中讲相应元素的字体大小设置为100%，其实这是由一定理由的。大家知道font-size具有继承性，也就是说子元...
line-height和font-size的缩写形式:在css代码中字体大小和行高可以在一起进行缩。语法格式如下: <font-size>/<line-height> 代码如下: body{font:100%/25px arial;} 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15905 更多内容可以参阅:http://www.softwhy.com/divcss/
对于字体的认识一直有一个误区：我们可能一直认为font-family是某一种字体，实际上，它指的是一个字体的系列。比如说Times，它实际上是多种变形的一个组合。包括，TimesRegular，TimesBold，TimesItalic，TimesOblique，TimesBoldItalic，TimesBoldOblique等。 除了各种特定的字体系列外，CSS还定义了5种通用的字体系列 Serif字体Serif是有衬线字体，意思是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有...
Browsersync 做 Web 开发的时候，我们做一些修改然后刷新页面查看效果。 Browsersync 可以让你省去后面那一步，只要修改网页文件保存就可以，它会监控文件的变化(html/js/css)并自动刷新页面，这样就不用手动刷新了。Good！ 图片来自网络 Browsersync 真正强大的地方在于跨设备同步。你可以用桌面、手机、平板等不同设备的浏览器同时打开你正在开发的网页，其中任何一个页面上的操作（如点击、滚动、...
目录 [1]行高 [2]字体大小 [3]垂直对齐 前面的话 line-height、font-size、vertical-align这三个属性可谓是相互依赖的关系，改变行间距离、设置垂直对齐等都需要这三个属性的通力合作。本文涉及到的一些术语详细解释请参考块级元素基本术语和行内元素基本术语 line-height 定义 line-height行高是指文本行基线之间的距离。在应用到块级元素时，line-height定义了元素中文本基线之间...
一、前言 说起Iconfont，对大多数人来说可能不是什么新的技术了，现在好多大网站已经开始使用Iconfont。博主今天主要是简单说一下它的使用方法，聊聊使用它时可能遇到哪些坑，不熟悉的同学可以简要看一下，资深了解的同学，如果发现问题，还请指正。 二、什么是Iconfont 有的同学可能会问什么是Iconfont ？ 其实，Iconfont 就是指用字体文件取代图片文件，来展示图标、特殊字体等元素的一种方法。 那么哪些网站在用...
连日来有些空闲，趁着这闲余时间，我尝试亲自制作一些Font-Icon，让以后可以运用到工作中。但是基于本人水平有限，PS操作只能以非常基础来形容，而AI呢，根本就只会放大操作。在这过程真的非常感谢设计同事的帮助。 现在想完成以下图标转换成Font-Icon，图标以下所示。 第一个Icon是一个小电视，命名为ico_tv，在设计师给的设计稿中，它已经是路径了，但是细看一下，这个ico_tv有三条路径，但是在网上的一些把svg转成...
阿里巴巴iconfont的一个奇怪的问题 @font-face { font-family: 'iconfont'; src: url('//at.alicdn.com/t/font_1457323240_443564.eot'); /* IE9*/ src: url('//at.alicdn.com/t/font_1457323240_443564.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1457323240_443564.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1457323240_443564.ttf') form...
一、font-family 使用无衬线字体 body { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;} iOS 4.0+ 使用英文字体 Helvetica Neue，之前的iOS版本降级使用 Helvetica 中文字体设置为华文黑体STHeiTi 默认数字字体是Helvetica Neue 需补充说明，华文黑体并不存在iOS的字体库中(http://support.apple.com/kb/HT5878)， 但系统会自动将华文黑体 STHeiTi 兼容命中系统默认中文字体...
对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。 font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。 但是，我们可以用以下两种定义进行抗锯齿渲染 -webkit-font-smoothing: antialiased; /*chrome、safari*/-moz-osx-font-smoothing: grayscale;/*firefox*/ （1）Webkit在自己的引擎...
我们知道在页面上载入小图标有多种方式，比如我们使用比较多的是css sprite背景图片定位，就是将很多小图标集成到一张大图，然后使用CSS定位背景。还有一种比较现代的方式是使用font字体图标，它利用@font-face原理载入图标字体库，然后调用图标。 查看演示 下载源码 使用css sprite方式非常方便，可以有很多色彩缤纷的图标，而且兼容性好，但是缺点就是图标不能缩放，或者说缩放了会失真，另外维护也不方便，修改...
请问各位大神，我在页面上面加上 font-family: "微软雅黑"; 样式之后 我的排版就变了，如图：姓名中间的空格就变得非常大。 我不想用英文的那个‘微软雅黑’ ， 换了编码方式，还是一样。请问要怎么解决？ 回复讨论(解决方案) 建议不要什么都在*{}上改，不然全部都变了就容易改动大 直接打中文的“font-family: 微软雅黑;”不行吗？ 去掉中间多余的 ，控制文字...
字蛛是一个 WebFont 智能压缩工具，它能自动化分析页面中所使用的 WebFont 并进行按需压缩，通常好几 MB 的中文字体可以被压缩成几 KB 大小。 字蛛主页： http://font-spider.org 字蛛从 2014 年 7 月诞生以来，时隔近两年，终于发布了 v1.0.0 正式版本，改进如下： 支持绝大多数的中英文 Truetype 字体 支持开源图标字体库 （New: v1.0.0新特性） 支持 CSS 伪元素解析，支持 content: "string" 与 c...
（http://fonts.googleapis.com/css?）打开很慢解决方案 http://blog.csdn.net/a6225301/article/details/41115323 最近，有网友反映称谷歌官网域名google.com、谷歌香港google.com.hk都打不开， ping了一下google.com和google.com.hk两个域名的服务器情况，最后ping出来的IP地址均显示为“ 美国 ”，也就是说谷歌香港(google.com.hk)的服务器，已由香港转移至美国，所以链接时间会很长，甚至断断续续出现请求超时的情况。 ...
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>@font-face { font-family: "经典特黑简"; src: url(经典特黑简.TTF); } .title_05 { width:950px; height:300px; font-size:24px; font-family:经典特黑简; }</style></head><body><p class="title_05">中国制造</p></body></html>为什么我没有效果哈 我所有浏览器试过了 就没看到正确的字体。。回复讨论(解决方案)谁帮帮忙。...