zoukankan      html  css  js  c++  java
  • CSS进阶(十六)font

    [ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ]

    font-size 和 font-family 这两个属性需要同时存在

    注意

    font中如果未声命line-height则会将line-height重置为normal

    避免过长font-family的写法

    (1)可以随便找一个系统根本不存在的字体名占位

    (2)使用font-face

    font属性的关键字

    font:caption | icon | menu | message-box | small-caption | status-bar

    • caption:活动窗口标题栏使用的字体。

    • icon:包含图标内容所使用的字体,如所有文件夹名称、文件名称、磁盘名称,甚至 浏览器窗口标题所使用的字体。

    • menu:菜单使用的字体,如文件夹菜单。

    • message-box:消息盒里面使用的字体。

    • small-caption:调色板标题所使用的字体。

    • status-bar:窗体状态栏使用的字体。

    在使用 font 属性的时候,要避开 caption、 icon 和 message-box 这 3 个关键字

    在实际使用时,我们还需要在一下面再设 定一下 font-size 大小来保证一致性

    html {
     font: menu;
     font-size: 16px;
    } 

    应用

    在控制不同平台显示字体的时候,最好的方式便是采用系统的默认字体,借由font的关键字属性实现

    html { font: menu; }
    body { font-size: 16px; } 
    
    html { font: small-caption; }
    body { font-size: 16px; }
    
    html { font: status-bar; }
    body { font-size: 16px; } 

    最大的好处便是网站字体能时时刻刻 与时俱进

  • 相关阅读:
    Mysql 时间字段(加上或者减去一段时间)
    awk数组与语法
    awk模块、变量、执行
    awk简介与表达式实例
    图数据库
    推荐几款优秀的开源博客系统
    红黑树
    用户画像基础概念
    Panda Global获悉,美国承诺4年内明确区块链数字资产监管方式!
    重庆聚焦区块链应用,Panda Global觉得春天真的来了!
  • 原文地址:https://www.cnblogs.com/goOtter/p/9822018.html
Copyright © 2011-2022 走看看