css3 自定义字体_使用@font-face方式实现个性化字体
2024-08-31 00:37:40
当我们在浏览一些网站时发现,里面含有一些十分个性的字体,这些字体并不是我们电脑上安装的字体。那么css是如何实现自定义字体的呢?
资源网站大全https://55wd.com
在css3中可以通过@font-face模块,把自己定义的Web字体嵌入到你的网页,web设计师可以使用他们喜欢的任意字体,只需要把该字体文件存放到 web 服务器上,它会在需要时被自动下载到用户的计算机上。
自定义字体标准格式:
@font-face {
font-family: 'YourWebFontName';
src: url('YourWebFontName.eot'); /* IE9 Compat Modes */
src: url('YourWebFontName.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('YourWebFontName.woff') format('woff'), /* Modern Browsers */
url('YourWebFontName.ttf') format('truetype'), /* Safari, Android, iOS */
url('YourWebFontName.svg#YourWebFontName') format('svg'); /* Legacy iOS */
[font-weight: <weight>];
[font-style: <style>];
}
说明:
Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。
Internet Explorer 9+ 支持新的 @font-face 规则,但是仅支持 .eot 类型的字体 (Embedded OpenType)。
注释:Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。
最新文章
- nginx tomcat 动静分离
- PMO、P3O
- MySQL的show语句大全
- C语言 结构体的内存对齐问题与位域
- RMI原理
- crontab 中 python(cx_Oracle)脚本执行时需要用户环境变量,怎么办??
- 使用rpm安装mysql的默认目录
- img元素高度多出来的几像素
- jquery.validate.js之自定义表单验证规则
- nodejs 开发指南 书中小项目 代码
- CSS样式----CSS的继承性和层叠性(图文详解)
- java中Number类理解
- git 入门教程之实战 git
- 30行Python代码实现人脸检测
- 2017-2018-2 20165237 实验三《 敏捷开发与XP实践》实验报告
- PHP二叉树
- LeetCode 897 Increasing Order Search Tree 解题报告
- Apache 强制Http跳转Https
- OpenModelica Debug
- windows2003服务器,时间每隔1小时自动同步一次