美文网首页
页面css设定特殊字体

页面css设定特殊字体

作者: 竹小星 | 来源:发表于2018-07-06 14:23 被阅读15次

先建立一个放特殊字体的文件夹,

字体文件兼容性:
Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。
Internet Explorer 9+ 支持新的 @font-face 规则,但是仅支持 .eot 类型的字体 (Embedded OpenType)。
注释:Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。


定义特殊字体(可在页面公共css里写)

@font-face {
  font-family: myFirstFont;
  src: url('Sansation_Light.ttf'),
        url('Sansation_Light.eot'); /* IE9+ */
}

使用

div {
  font-family:myFirstFont;
}

eot、.woff、.svg每种格式的文件都可以用专门的工具转换得到,同时也有专门的用于生成@font-face文件的网站,可以将字体文件上传到网站上,转换后下载,然后就可以嵌入到网页上使用了。
fontsquirrel
freefontconverter
font2web

相关文章

  • 页面css设定特殊字体

    先建立一个放特殊字体的文件夹, 字体文件兼容性:Firefox、Chrome、Safari 以及 Opera 支持...

  • css特殊字体

    @font-face{ font-family: alte-din; src:url('https://s...

  • 03-CSS文字文本样式

    CSS字体样式属性调试工具 目标 应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常...

  • CSS相关---字体文本样式

    CSS字体样式属性调试工具 目标 应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常...

  • css中文字体乱码解决方案

    css中文字体乱码解决方案 css中文字体乱码解决方案:把css编码和html页面编码统一起来。如果html页面是...

  • HTML

    一. CSS 1.CSS叫做层叠样式表,用来设置页面中元素的样式。背景颜色、字体颜色、字体大小2.CSS负责结构、...

  • CSS:前端基础 & CSS 文字文本样式

    学习目标 应用使用 css 字体样式完成对字体的设置使用 css 外观属性给页面元素添加样式使用常用的 emmen...

  • CSS初探2

    Head First HTML与CSS 第八章 增加字体和颜色样式 CSS——掌控页面的表现 指定和改变字体的外观...

  • 题目

    在 index.css 和 common.css中有如下内容,html 里引入 index.css 后发现页面字体...

  • 2017-12-30-WEB预习第一天-CSS

    CSS叫做层叠样式表,用来设置页面中元素的样式。背景颜色、字体颜色、字体大小。CSS负责结构、表现、行为中的表现。...

网友评论

      本文标题:页面css设定特殊字体

      本文链接:https://www.haomeiwen.com/subject/kivvuftx.html