Goro 0


I am trying to install a custom font on my site. The browser will load the font, but the display is not quite right. The character vertical positions/sizes seem to be off a tiny amounts. See examples here and here.

Here is my @font-face declaration:

@font-face {
    font-family: 'HelveticaNeueLT45LightRegular';
    src: url('helvetica-webfont.eot');
    src: url('helvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('helvetica-webfont.woff') format('woff'),
         url('helvetica-webfont.ttf') format('truetype'),
         url('helvetica-webfont.svg#HelveticaNeueLT45LightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

I used the font squirrel generator to generate this (http://www.fontsquirrel.com/fontface/generator).


1 answer

Anton 20

First of make sure you have the correct license to use that font on the web.

I don't think that font has been optimized for use on the web yet, thus not displaying properly.

I recommend a well built local font-stack, something like:

font-family: "Helvetica Neue Light", HelveticaNeue-Light, "Segoe UI Light", Arial, sans-serif;
Answered almost 8 years ago by Anton