您现在的位置是:网站首页> 编程资料编程资料
css调用服务器端字体示例代码CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
2021-09-06
989人已围观
简介 本文主要介绍了使用@font-face调用服务器端字体的代码,大家参考使用吧
使用@font-face调用服务器端字体的代码,我们先来看看css2手册中是怎么定义的:
以下是代码片段:
语法:
复制代码
代码如下:@font-face { font-family : name ; src : url( url ) ; sRules }
说明:
name : 字体名称
url : 使用绝对或相对地址指定OpenType字体
sRules : 样式表定义
设置嵌入HTML文档的字体。
嵌入HTML文档的字体是指将OpenType字体(压缩的TrueType字体)文件映射到客户端系统,用来提供HTML文档使用该字体,或取代客户端系统已有的同名字体。
示例:
复制代码
代码如下:上面的字体地址要换成你自己的。
Web 设计中有几种字体是比较安全的,如 Arial,Helvetica, Verdana, Georgia, Comic Sans (中文的,一般来说宋体是唯一安全的 – 译者),现在,使用 CSS2 的 @font-face 可以自己指定字体,不过因为牵扯到版权问题,实际能用的字体也是有限的 (另外,体积庞大的中文字体也是一个不好解决的问题 – 译者)。
url 地址必须指向 OpenType 字体文件(.eot或.ote)。此文件包含可以 转换为 TrueType 字体的压缩字体数据,可以用来提供HTML文档使用该字体,或取代客户端系统已有的同名字体。此文件可以使 用 Microsoft WEFT 工具制作。
相关内容
- css实现div内图片上下左右居中用纯CSS实现容器内图片上下左右居中css页面中常见左中右分栏布局的两种实现方式css页面左中右分栏布局示例详解css布局实现左中右布局的5种方式
- 下拉框select样式改写具体实现CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
- css属性使用中的一些注意事项(实战经验)CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
- css中!important的作用(IE6 IE7 FF)及其原理浅谈CSS 权值 层叠 重要性(!important)css中提升优先级属性!important的用法总结从可维护性角度考虑css的!important规则的可用性强制CSS !important使用介绍CSS优先级和!important与IE6的BUG讨论及解决方案CSS下!important属性 CSS中提升优先级属性!important的用法问题总结
- css弹出层覆盖底层具体实现CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
- css中的四种定位方式示例介绍CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
- CSS表格样式:圆角,隔行,变色的具体实现css3隔行变换色实现示例css美化表格让其隔行变色显示CSS expression 隔行换色效果 网页设计制作CSS实现隔行换色两种方法-CSS教程-网页制作-网页教学网CSS实现网页中的隔行换色代码-CSS教程-网页制作-网页教学网CSS网页隔行换色技巧-CSS教程-网页制作-网页教学网HTML n种方式实现隔行变色的示例代码
- css画太极图(阴阳八卦)太极图谱解析软件 PDF版疯狂猜成语 太极图案上一个气字 答案是什么成语
- CSS3 Flexbox中flex-shrink属性的用法示例介绍利用CSS3的flexbox实现水平垂直居中与三列等高布局CSS3的Flexbox骰子布局的实现及问题讲解基础的CSS3弹性盒Flexbox布局使用实例CSS3的Flexbox布局的简明入门指南css3弹性盒模型(Flexbox)详细介绍10分钟理解CSS3 FlexBox弹性布局
- 将一个绝对定位的div水平垂直居中对齐DIV或者DIV里面的图片水平与垂直居中的方法让DIV水平垂直居中的两种完美方法推荐使用绝对定位+负外边距让DIV层水平垂直居中页面DIV以及图片水平垂直居中兼容多种浏览器DIV水平垂直居中css实现代码 div水平垂直居中的完美解决方案css3 flex实现div内容水平垂直居中的几种方法