css3 自定义字体_使用@font-face方式实现个性化字体

2021-01-26 08:13

阅读：423

标签：format fonts embed ie6 网站文件 comm 需要格式

当我们在浏览一些网站时发现，里面含有一些十分个性的字体，这些字体并不是我们电脑上安装的字体。那么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: ];
    [font-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 规则。

css3 自定义字体_使用@font-face方式实现个性化字体

标签：format fonts embed ie6 网站文件 comm 需要格式

原文地址：https://www.cnblogs.com/ypppt/p/13232558.html

上一篇：css: 全屏显示样式图片滚动

下一篇：使用telnet测试指定端口的连通性

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：css3 自定义字体_使用@font-face方式实现个性化字体
文章链接：http://soscw.com/index.php/essay/47182.html

亲，登录后才可以留言！

css3 自定义字体_使用@font-face方式实现个性化字体

自定义字体标准格式：

评论

热门文章

推荐文章

最新文章

置顶文章