How can I bold my font?

Question

I want to use google web font "Michroma" which is very close to the Eurostile. Facing problem is Michroma don't have bold option in google web font. I want to make my headings "Bold render" on my web page. How can I bold my Michroma in CSS/HTML ?

Ref: http://www.google.com/fonts#UsePlace:use/Collection:Michroma

Answer 1

in your CSS file

font-weight: 900;

EDIT: Added Fiddle Demo, toggling the font-weight values between 100 and 900 shows the change to bold (granted, not extremely bold)

EDIT 2: Added another Fiddle Demo 2 using text-shadow that makes the font much more bold.

p.hello {
  font-family: "Michroma";
  font-size: 24px;
  font-weight: 900;
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}