开发者

What are all the font faces that I can use?

开发者 https://www.devze.com 2023-03-09 07:24 出处:网络
I am开发者_开发问答 new to designing pages, and am starting off with basic HTML. <font face=\"arial\">Text</font>

I am开发者_开发问答 new to designing pages, and am starting off with basic HTML.

<font face="arial">Text</font>

I understand that the above displays Text in arial font face.

What are all the options that I have to put in place of arial? Is there a list or something for this?


What are all the font faces that I can use?

You can choose what ever font face you like, but keep in mind that the browser will fall back on some other font if it does not have the particular font you're requesting to use.

The best thing you can do is to stick to some commonly available font faces. Here are a few good lists of such fonts:

  • list of safe fonts for use on a html webpage
  • HTML Font Face: Here is most common fonts
  • HTML Goodies Font List


First, start using instead of using <font> tag, use CSS (ie. font-family - Reference: CSS font-family Property)

Then you can look over Font Squirrel to see all sort of fonts that you can use and are easy to adapt with your site.

For full tutorial on CSS start doing this entire series of tutorials with CSS : CSS Tutorial

Also here is a list of safe web fonts: List of Web Safe Fonts


Well now with google code you can do much more. Reade here: http://www.google.com/webfonts

below are the list of html "safe" font faces:

arial, arial black, comic sans ms, courier, courier new, georgia, helvetica, impact, palatino, times new roman, trebuchet ms, verdana

Hope this helps


You should never use a element anymore, use CSS instead. Here's a list of the available font-families: http://www.w3.org/Style/Examples/007/fonts


I'd recommend that you use sans-serif instead of Arial.

Its a best of both worlds for mac (causes Helvetica to be displayed) and windows (causes Arial).

Furthermore check out http://www.google.com/webfonts if you want to embed some open-source sexy fonts


As has already been pointed out, you'd be best reconsidering use of the font tag and looking into using CSS (specifically the font-family and related rules, especially font stacking).

As far as what is commonly cited as "web safe" goes, it all depends what fonts are available on your users' computers, as these are the fonts that their browser will work with.

Also look into the CSS @font-face directive, and its usefulness with services like Google webfonts, Typekit, Font Deck and similar. It opens a whole other set of possibilities.

EDIT to remove broken link.

0

精彩评论

暂无评论...
验证码 换一张
取 消