css3 -- 网页字体

1、@font-face规则

1 @font-face{
2      font-family:chunk;
3      src:local(‘chunkFive‘), url("chunkFive.ttf“) format(‘truetype‘);
4
5 }

local--使用字体的真正名称

url--指向要使用的字体文件

format--指定字体类型

2、local不支持IE9以下

3、font-size-adjust:number                     ---------------Firefox

number值是指小写字母X占总高度的比例

时间: 2024-08-25 17:56:24

css3 -- 网页字体的相关文章

使用 Cufon 渲染网页字体

这是一篇关于 Cufon 技术的小文章.什么是 Cufon 呢?简单的说,Cufon 是一个用来替代 sIFR 框架,实现在网页中对文字字体进行渲染功能的纯 JavaScript 开源类库. 为什么要使用 Cufon 那么为什么要使用 Cufon 呢?这要从 Web 开发人员,所经常面对的一种"冲突",即"字体(Font Family)冲突"开始讲起. 通常的这一冲突总是爆发于 Web 页面的设计者(Designer)和开发者(Coder)之间.在很多场合下,Web

Type.js – 帮助你更好的控制网页字体排版

Type.js 是一款很好的网页字体排版工具.它可以让你使用新的 CSS 属性,在网页上试下更精细的排版控制.设置很简单.上传 type.js 到您的网站,并在你的 HTML 链接中引用.接下来,你就可以用新的 CSS 属性了,就像编写任何其他的样式一样. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果

使用 font-spider 对 webfont 网页字体进行压缩

原文链接:使用 font-spider 对 webfont 网页字体进行压缩 随着当前 Web 技术的日新月异,网页界面内容越来越丰富,让人眼花缭乱,其中就包括了网页中的各种自定义字体. 例如,个人博客的首页字体: CSS3 引入的 @font-face 这一属性可以很好的解决这个问题,可以帮助我们非常灵活的使用一些特殊的字体,即使用户电脑里面没有安装这个字体,网页也可以显示. EOT 字体是 IE 浏览器的首选格式,其他浏览器都不支持:其他浏览器更钟爱常见的 TTF.SVG.WOFF. 基本语

网页字体助手 WebFont Helper

网页字体助手 是 Windows 平台离线的网页字体生成辅助工具.核心功能,采用 python 编写. WebFont Helper 功能特色 生成字体子集(即提取用到的字符生成字体,或者大家所说的字体压缩): 字体压扁或压矮: 提取 ttf 文件中的用到的字符: 字体转换:ttf 转 woff, svg, eot 等: Windows 资源管理器 右键整合: 剪贴板生成字体: 完全离线 代码开源 任意修改: 下载 Download 请在 Download 下载 github 项目地址: htt

15个前卫的 HTML5 & CSS3 网页设计作品

今天,我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站.在此集合中,你可以看到平面设计,网页设计,作品集和企业网站设计实例. 响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案. HTML5 & CSS3 制作出来的网站结构良好,有很多惊人的效果,并能够在任何设备上浏览. 您可能感兴趣的相关文章 那些让人赞不绝口的创新 HTML5 网站 激发你灵感的20个多彩的网页作品案例 30个独具匠心的精美单页网站设计案例 20个与众不同的网页联系表单设计案

DIV CSS3 text-shadow字体阴影

CSS3设置文字阴影效果对文字字体设置阴影效果篇text-shadow样式,音乐放松椅本来在CSS2版本中也有此属性,但在CSS3中文字阴影text-shadow再次被应用,丰富文字排版布局美化效果.一.CSS3单词与语法 - TOP 1.CSS3单词:text-shadow 2.语法结构 div{text-shadow:5px 2px 6px #000;} 设置div盒子里文字阴影效果距离左5px和距离上2px开始显示阴影效果,音乐放松椅同时阴影大小范围为6px,阴影颜色为黑色(#000).

网页字体知识

重新开始写博客.一点一点积累,不间断. 看了阮一峰老师的中文网页字体开发指南,做一些记录. 完整原文 http://www.ruanyifeng.com/blog/2014/07/chinese_fonts.html 1:font-family规则 font-family: Georgia, "Times New Roman", "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif

网页字体介绍以及网页常用字体设置

网页字体设置不同于平面设计等其他媒体设计有更多的艺术字体可供选择. 因为网页设计中永远不要假设客户的电脑上有你使用的字体.为了让我们的网页在绝大多数访客的电脑上看起来一致.就必须使用绝大多数访客电脑上都有的字体. 网页中的字体是通过css设定,如:font-family:'Microsoft Yahei',"simsun"; 意思是先找微软雅黑,如果没有就使用宋体字,当然,如果你的客户是windows中国用户宋体是默认字体,此时font- family:'Microsoft Yahei

超酷的CSS3网页加载效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-