Home/ Questions/Q 8562229
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T16:41:11+00:00

I’m having some trouble with a font I found on Google Web Fonts .

  • 0

I’m having some trouble with a font I found on Google Web Fonts.

As you can see in the image posted below, the capital V in ‘Versus’ overlaps with the ‘e’ when i’m using Firefox. Though when i’m using Chrome (or IE) it does not overlap and leaves me with an ugly space between the two characters.

Is there any way to fix this and make it look like the one in Firefox? Or should I start looking for another font?

Chrome/IE & Firefox Comparison

My HTML:

<html>
<head>
    <meta charset="utf-8">
    <title>Versus</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
</head>
<body>
    <div>
        <h1>Versus</h1>
    </div>
</body>

My CSS:

h1 {
font-family: 'Marck Script', cursive;
font-size: 100px;
color:#444;
text-align:center;
padding:0 50px;
text-shadow: 2px 2px 3px #777;

}

Thanks in advance!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In order to fix the spacing in a font you should use:

    letter-spacing: 10px /* How ever much you need */

    Without knowing the specifics on the HTML and the CSS you already have in place, you can fix the problem area by using something like this:

    style

    span { letter-spacing: -4px }

    html

    <span>V</span>ersus

    It’s hokie, but it should work.

    • 0