setting character width with css

Question

I need to design a simple logo with css and everything is fine except for the letter size. Requirement is to use verdana font but with wide characters as shown in the image.

Answer 1

What you're looking for is transform:scale(x, y). For example:

-webkit-transform:scale(2.0, 1.0);
-moz-transform:scale(2.0, 1.0);
-ms-transform:scale(2.0, 1.0);
-o-transform:scale(2.0, 1.0);
transform:scale(2.0,1.0);

You kind of have to specify it for all the browsers, at least for now.

Edit:

I forgot to link my jsfiddle.

Answer 2

Your Code-Example does not look like Verdana weight 700.

Choosing the right

font-family: 'Verdana'; font-weight:700;

would give the correct result, at least on systems with Verdana installed.