zoukankan      html  css  js  c++  java
  • font-weight: 100-900 在各个浏览器中的表现

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>font_weight</title>
      <style>
        * {margin: 0;padding: 0;}
        p {font-size: 30px; text-align: center;line-height: 1.5}
      </style>
    </head>
    <body>
      <p style="font-weight: 900">俱怀逸兴壮思飞, 遇上青天揽明月</p>
      <p style="font-weight: 800">俱怀逸兴壮思飞, 遇上青天揽明月</p>
      <p style="font-weight: 700">俱怀逸兴壮思飞, 遇上青天揽明月</p>
      <p style="font-weight: 600">俱怀逸兴壮思飞, 遇上青天揽明月</p>
      <p style="font-weight: 500">俱怀逸兴壮思飞, 遇上青天揽明月</p>
      <p style="font-weight: 400">俱怀逸兴壮思飞, 遇上青天揽明月</p>
      <p style="font-weight: 300">俱怀逸兴壮思飞, 遇上青天揽明月</p>
      <p style="font-weight: 200">俱怀逸兴壮思飞, 遇上青天揽明月</p>
      <p style="font-weight: 100">俱怀逸兴壮思飞, 遇上青天揽明月</p>
    </body>
    </html>

    chrome:

    IE:

    firefox:

    总结: 

    IE fontweight 只有两种字号 : 100-500正常 600-900加粗

    chrome, firefox 有三种字号 : 100-300细 400-500正常 600-900加粗

  • 相关阅读:
    WHU 1572 Cyy and Fzz (AC自动机 dp )
    Codeforces 441D Valera and Swaps(置换群)
    Codeforces 527E Data Center Drama(欧拉回路)
    差分约束小结
    Codeforces 193D Two Segments 解题报告
    SGU 231.Prime Sum
    SGU 249.Matrix(Gray码)
    SGU 222.Little Rooks
    SGU 207.Robbers
    risc-v的寻址模式
  • 原文地址:https://www.cnblogs.com/spotman/p/12497523.html
Copyright © 2011-2022 走看看