css - Font family and font weight - very thick bold -

css - Font family and font weight - very thick bold -

i have collection of fonts. let's font-a-normal, font-a-italic, font-a-bold , on b, c...

if in css file have:

font-family: 'font-a-bold';

in file, have

font-weight: bold;

the result double bold font, 2 times thicker need on html pages. because project specifications changed lot on time , because have big number of static pages have alter manually if want remove font-weight i'm searching solution.

is there rule or way specify 'font-a-bold' shouldn't become thicker. , if have

font-family: 'font-a-normal'; font-weight: bold

it should become:

font-family:'font-a-bold'

is there pure css solution?

update

or fast , perchance clean way of removing double bold.

if pulling in fonts @font-face declarations, this:

@font-face { font-family: 'myfont-bold'; font-weight: normal; font-style: normal; src: ... } @font-face { font-family: 'myfont-bold'; font-weight: bold; font-style: normal; src: ... // same above: same bold } @font-face { font-family: 'myfont'; font-weight: normal; font-style: normal; src: ... // regular weight new style } @font-face { font-family: 'myfont'; font-weight: normal; font-style: normal; src: ... // boldweight new style }

i think browser doesn't care if tell bold weight not bolder regular.

fiddle

css fonts typography