网站发布到IIS后,发现网站使用的Bootstrap框架所引用的woff字体无法正常显示.于是跟踪http请求,发现woff字体请求出现GET .woff 404 (Not Found)的问题,但是项目中woff字体的文件并未丢失.后经排查,原来是服务器上IIS没有添加woff字体的MIME类型,导致发送HTTP请求时,IIS无法处理和识别此类型的文件. 解决方法1:在Web.config配置文件中添加woff字体的MIME类型 解放方法2:在IIS中添加woff字体的MIME类型 woff字体

有评论说国人把HTML5捧的太高,HTML5的不成熟引发出各种问题,加上FACEBOOK的失败,似乎验证了HTML5注定没有好下场,可我们似乎忽略了一个在HTML5之路上一路走红的"家伙",那就是日本的社交网站GREE. AD: 两月余前,关于FACEBOOK放弃HTML5而改用原生的事被炒的沸沸扬扬,一时间HTML5的处境下滑冰点,归其原因是"慢".Webkit的解析过程先后需要经过解析.建立DOM树.获取对应资源.布局.建立渲染树.绘图到展示.这跟传统的商品流通

  Windows 7 下安装字体方法一: 这也是最简单的方法,Win7 已经支持双击直接安装字体,你只需要在需要安装的字体上双击,在打开的字体文件界面上点击最上方的"安装"按钮,就可以将该字体安装到系统中 . 此方法比较适用于安装单个字体文件,好处就是可以直接预览到字体的样式 . Windows 7 下安装字体方法二: 这个方法适用于不想把字体安装到系统盘的朋友们,其安装结果只是在系统盘字体文件夹里面创建了一个快捷方式,基本上不占用空间 .你需要进行如下操作: 1.直接按 Win +

2.3 IE10与CSS3 2.3.1 使用CSS3添加圆角 通过使用CSS3(级联样式表Level 3)为布局元素生成圆角,可以美化网站的外观.本小节我们主要通过使用Internet Explorer 9对圆角的内建支持,学习使网站布局更具吸引力的一些基本方法.我们主要通过以下几部分进行说明: 起点 生成全部相同的圆角 分别生成多个圆角 使用椭圆生成圆角 1．起点 我们从基本的网页开始操作,图2-1所示的网页为一家虚拟咖啡公司的初始网页,其中包括一些HTML元素.一些级联样式表和几个图像. 说

最近在做一个项目时, 研究了一下新浪微博的前端, 看到首页中那个图标了吗, 以前看到这类效果的第一反应就是用一个gif之类的图标做出来!! 但在研究的过程, 发现了一个小技巧, 注意那个em标签中的文本是E, 但显示出来一个类似ICON的图标.  既然是HTML+CSS写出来的, 那么应该是由css控制显示出来的效果的. 其他的一些css基本没什么问题, 都理解了, 但只有这个 font-family, 强制设置成了 "wbficonregular", 一般操作系统里应该没这个命名的字

传说中的CSS3基本上什么都可以,那么CSS3中可不可以自定义英文字体呢?答案是非常可以.用@font-face即可实现自定义英文字体,下面有个不错的示例,感兴趣的朋友可以了解下   现在CSS3已经很流行了.传说中的CSS3基本上什么都可以,那么CSS3中可不可以自定义英文字体呢?答案是非常可以.用@font-face即可实现自定义英文字体,下面咱们一起去看看吧. 1.语法规则 复制代码 代码如下: @font-face { font-family: 自定义的字体名称; src: 自定义的字体

本文讲的是字体加载策略全面指南, 2016 年 7 月 12 日, 本文需要 20 分钟的阅读时间. 这份指南并不是教你怎么使用显示图标字体,它有不同的加载优先顺序和使用场景.事实上,此时使用 SVG 或许才是一个长久之计. 跳转到: 随意使用 @font-face font-display 预加载 preload 不要使用在线字体 内嵌数据 URI 异步数据 URI 样式表 有分类的 FOUT 两个阶段渲染的 FOFT,或 FOUT 严格的 FOFT 有数据 URI 的严格 FOFT 有预加载

在IE4开始微软就已经开始支持在线字体,不过没有流行起来,直到CSS3新增加了font-face模块,正式纳入了web开发的标准.也渐渐流行起来而且发掘了很多其他应用. 1. 为什么要用在线字体 问题 精灵图(雪碧图)用作背景的时候不能轻易的放大缩小. 低质量的位图在高清设备上放大后会有难看的锯齿,无法满足响应式页面的开发需求 在线字体带来的革命: 在线字体本质就是文字,但是也可是像图形的文字.节省了带宽(相比图片)字体文件大小也不大(一般几百k). 在线字体本身是矢量的,放大缩小都不会失真 可

  多年前,麻省理工学院的研究人员已经证实字体影响我们的感受:差的字体使人无意识的反感,好的字体使我们感到高兴.如果字体能够影响我们的情绪,那同样会影响用户体验. 几周前,我决定探究字体对用户体验的影响究竟有多大.通过一系列的对比测试,仅仅在改变字体的情况下,我的网站流量提高了38%. 在开始详细讲述我的测试前,先解释下为什么字体对用户阅读有如此大的影响. 字体影响读者的情绪 字体通过两种方式影响我们的情绪. 认知偏见 首先,我们会自然而然的赋予某些字体及字体形式一定的内涵.好比我们对身边事物的