html - @font-face variant being used as default -


i'm not sure i'm doing wrong here? i'm trying create bold variant of regular font, seems use last defined font-face in matching font family. ideas?

<style> @font-face {   font-family: proofmedium;   src: url("/fonts/proofmedium/proofmedium-regular.ttf") format("truetype"); }  @font-face {   font-family: proofmedium;   src: url("/fonts/proofbold/proofbold-regular.ttf") format("truetype");   font-weight: "bold"; }  @font-face {     font-family: proofmedium2;     src: url("/fonts/proofmedium/proofmedium-regular.ttf") format("truetype");   }  body{   font-family:proofmedium, san-serif; } .test{   font-family:proofmedium2, san-serif; } </style> <body> testing <b>testing</b> <span class="test">testing</span> </body> 

edit: i'm using chrome

pic

please remove inline style div font-weight:normal;.

<style>  @font-face {    font-family: "proofmedium";    src: url("/fonts/proofmedium/proofmedium-regular.ttf") format("truetype");    font-weight: "normal"; }  @font-face {    font-family: "proofmedium";    src: url("/fonts/proofbold/proofbold-regular.ttf") format("truetype");    font-weight: "bold"; }    body{    font-family:"proofmedium", san-serif;  }  </style>  <div>testing</div>


Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -