Jump to content

Recommended Posts

I am mostly just venting in my first post, but if you think about it how can a browser render a font like verdana, arial, times, etc. fine, but if you use some custom font the browser becomes completely lost and can't render it nicely... In my opinion, you would thing that it could do it just fine since it renders the font the same way it renders a font like my previous examples.

Link to comment
https://forums.phpfreaks.com/topic/269209-fonts-look-horrible/#findComment-1383698
Share on other sites

If the font is installed on your computer, the browser can use it. This is the reason you're supposed to use a list, IE:

font-family: Georgia, Garamond, Times New Roman, serif;

So the computer can use the most likely font. If your computer has Georgia, it's used. If not, it tries Garamond, then TNR, then just a generic serif. So if you're downloading wacky fonts online, and your visitors don't have them, you need to specify other similar fonts they are likely to have.

 

There are lots of solutions out there for using specific fonts without images. I specifically see them in Wordpress sites a lot.

 

TLDR: the problem is not the web browser, the problem is using fonts the visitors don't have.

Edited by Jessica
Link to comment
https://forums.phpfreaks.com/topic/269209-fonts-look-horrible/#findComment-1383704
Share on other sites

Sorry, but I think you're misunderstanding.

 

@font-face{
   font-family: henry;
   src: url('/media/fonts/HenryMorganHand.ttf'); /* IE9+ */
}

h1{
   font-family: henry, verdana, arial, serif, times;
}

 

The font is downloaded and used by supported browsers. I am just wondering why it can't render it as nicely as it can render installed fonts.

Link to comment
https://forums.phpfreaks.com/topic/269209-fonts-look-horrible/#findComment-1383711
Share on other sites

Maybe if you actually wanted answers, you should have provided the relevant information in your first post?

 

Perhaps the size you've set it to isn't optimal for that font.

 

Photoshop usually adds aliasing to the fonts, something I personally think makes them LESS attractive.

Link to comment
https://forums.phpfreaks.com/topic/269209-fonts-look-horrible/#findComment-1383717
Share on other sites

Web-safe fonts is a popular discussion topic. There's a comprehensive-looking list here, and sitepoint has a whole article about it.

 

That font you used as an example is horribly kerned. Stick to normal fonts, or make images if you really need something to look like a signature or whatever.

Link to comment
https://forums.phpfreaks.com/topic/269209-fonts-look-horrible/#findComment-1383748
Share on other sites

Looks the same to me regardless of if the font is downloaded or already installed.

 

post-124404-0-99307800-1349719719_thumb.png

 

Above the blue line is before I installed the font locally. Below the blue line is after. I can't see any difference between the two. As mentioned photoshop may be doing something to it like aliasing that is making you think it looks better than it does.

Link to comment
https://forums.phpfreaks.com/topic/269209-fonts-look-horrible/#findComment-1383777
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.