zoukankan      html  css  js  c++  java
  • font-face自定义字体使用方法

    今天闲的蛋疼小七来聊一聊关于css3的font-face属性的使用方法:

    首先应该好多人没用过这个属性,那只能说你们的设计师还是有人性的,

    一旦电脑系统没有的特殊字体或者你设计师故意装13为难你就需要用到font-face,他主要是把自己定义的Web字体嵌入到你的网页中,比如让你字体是这样或者是这样

    使用方法:

    css:

    <style>
    @font-face {
    font-family: '666';/*你自己定义的字体的名字可以随便起*/
    src:url('Futura-Md-BT.ttf') format('truetype');/*网上下载的字体文件格式包一般为ttf格式的兼容主流Safari, Android, iOS设备 ;推荐网站http://font.chinaz.com/去下载各种字体包*/

    }
    h2{
    font-family: '666'
    }
    </style>

    html:

    <body>
    <h2 >Aeues Bauen Dedwa w dmo</h2>

    </body>

    运行效果:

  • 相关阅读:
    CSS属性值一览
    CSS属性一览
    CSS选择器一览
    HTML颜色编码
    游戏
    数据库系统概念
    关于总结
    章节测试
    我的博客皮肤
    Emeditor所有快捷键操作
  • 原文地址:https://www.cnblogs.com/MagicZhao123/p/7473460.html
Copyright © 2011-2022 走看看