How to use a custom font in html?

What is the best way to embed custom font into my html website?

  • I want two specific fonts to be used in my website but realize that those fonts probably aren't widely installed on many user's systems. I was reading about "@font-face:" (css) and was wondering if this method will work well? If this will work, are there any browsers which do not support this element? Are there any reasonable alternatives to using custom fonts in a website? Thank you :)

  • Answer:

    I have never tried the @font-face but I just read about it here: http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp. It seems legit, but you may have to have multiple versions of fonts ie. .eot for internet explorer and .otf for Firefox. Otherwise, I would suggest either using the custom fonts just for headers and inserting them as images, or using a program like Google fonts and finding fonts that are similar to the ones you have chosen.

Casey Stack at Yahoo! Answers Visit the source

Was this solution helpful to you?

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.