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