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
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
Post a Comment