style

[monvhh]

查看浏览器实际生效字体：
chrome->computed->最下方 Rendered Fonts
注意：要选中具体文字，才能看到

https://stackoverflow.com/questions/884177/how-can-i-determine-what-font-a-browser-is-actually-using-to-render-some-text

[monvhh]

font生效指南：
https://stackoverflow.com/questions/3245141/using-otf-fonts-on-web-browsers

全覆盖指南：

 @font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 100;
    src: url("../assets/montserrat-v23-latin/montserrat-v23-latin-100.eot"); /* IE9 Compat Modes */
    src: local(""),
      url("../assets/montserrat-v23-latin/montserrat-v23-latin-100.eot?#iefix")
        format("embedded-opentype"),
      /* IE6-IE8 */
        url("../assets/montserrat-v23-latin/montserrat-v23-latin-100.woff2")
        format("woff2"),
      /* Super Modern Browsers */
        url("../assets/montserrat-v23-latin/montserrat-v23-latin-100.woff")
        format("woff"),
      /* Modern Browsers */
        url("../assets/montserrat-v23-latin/montserrat-v23-latin-100.ttf")
        format("truetype"),
      /* Safari, Android, iOS */
        url("../assets/montserrat-v23-latin/montserrat-v23-latin-100.svg#Montserrat")
        format("svg"); /* Legacy iOS */
  }
  /* montserrat-200 - latin */……………………

[monvhh]

hover focus active 样式顺序：
https://bitsofco.de/when-do-the-hover-focus-and-active-pseudo-classes-apply/