css - Font-Weight & @Font-Face in Edge -




i did bit of searching, make long story short, i'm using @font-face code, it's bit this:

@font-face { font-family: vistasansreg; src: url("vistasansreg.ttf"); /* ttf file css3 browsers */ } 

it displays fine on firefox & chrome, , loads in ie/edge... exception of font-weight. did searching, , i'm curious if still counts? or if has changed since.

a year or 2 ago, remember using bold version of eot file in order load in ie. unfortunately, doesn't seem work anymore ie's functionality seems recognize woff, ttf, etc.

i slapped font-weight tag on individual properties:

#subnav a:link, #subnav a:visited { color: #ffffff; text-decoration: none; font-family: vistasansreg; font-size: 15px; font-weight: bold; } 

i included on a:link css:

a:link, a:visited { color: #7c9ed2; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; } 

the "easy" solution skip font-weight class, , use bold version of font since don't believe use font anywhere else on site in non-bold capacity, but... seems lazy, , isn't going me learn how solve problem when want have different versions of font , use font-weight css.

also, annoyingly enough, if uses font off system (which doesn't have additional versions beyond medium) , not @font-face, bolds fine in edge. ughhh...

thoughts?





wiki

Comments

Popular posts from this blog

Asterisk AGI Python Script to Dialplan does not work -

python - Read npy file directly from S3 StreamingBody -

kotlin - Out-projected type in generic interface prohibits the use of metod with generic parameter -