Can I use “Arial Rounded MT Bold” with css?

问题:

Can I use "Arial Rounded MT Bold" with css ?

font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif; 

Nothing Changed when I put :

font-family:Arial, Helvetica, sans-serif; 

回答1:

Google Fonts has Nunito, by Vernon Adams:

http://www.google.com/webfonts/family?family=Nunito

It's nice and rounded; sort of reminds me of what they're using on Glitch.

回答2:

It's hard to know without more information from the OP but I've seen these same symptoms caused by the hardware acceleration feature in Firefox. It's been know to cause several problems with font rendering. One I've observed is failing to render a non-standard font (such as "Arial MT Rounded Bold") despite it being present on the client machine.

For example, this page...

           This can be really annoying.   

When viewed in IE, Chrome or FF with hardware acceleration turned off the font appears correctly, like this...

But when viewed in FF with hardware acceleration enabled the browser fails to "find" the specified font so it defaults to another, like this...

There have been issues with this "feature" of FF since version 4.

Probably the best solution is to either use a different (standard) font or (as Kent suggests) find a similar web font that will work in all modern browsers. Alternatively, like many font issues, the problem can be mitigated by supplying a list of font families to use as fall-backs.

回答3:

I've seen an alternative Google Font suggested here from back in 2011 which is a pretty good match but there are some thin parts to the font which aren't the same as the Arial Rounded MT Bold.

For people still looking for an alternative I think this one is a better match; its called Varela Round by Joe Prince:

• Varela Round

I would also set it in font-weight: bold; for a more accurate match.

回答4:

To use custom fonts with good cross browser compatibility, take a look at FontSquirrel. They will generate the correct CSS to get custom fonts working cross browser. Take a look around their site for Rounded MT Bold or whatever else you want :-) Also, if you want more fonts, take a look at http://www.fontex.org/

回答5:

Google Fonts is also a possibility. There are a lot of different fonts but I don't know whether there's exactly Arial Rounded MT Bold.

You can use only fonts which are installed at the clients computer!! So just mentioning them in the css font-family doesn't work if the font is not installed. For this, Google Fonts and others bring the functionality... so everytime you use a font that is not "Times", "Arial" or "Verdana", which are installed on nearly every computer, you should think about an alternative to raw css

回答6:

There's a good chance that ― if nothing changed (on your local browser's rendering of the webpage) when you changed the font stack ― that you don't actually have Arial MT Rounded Bold installed on your computer. One way to test this is to use Firebug, to 'inspect element' for the headline (or whatever the font is applied to), and to edit the font-family listing in the right-hand Firebug pane. (Usually, I just find the named font and add a space into the name of it, which "breaks" the call to the proper font, and the browser then moves on to the next font in the stack.)

Other options include using Google's web-font Nunito (as Kent Brewster recommended a few minutes ago), or setting up a font-face font on your own server, providing one of the rounded fonts (RockoFLF Bold, FF Din Rounded, Nunito, and Arial MT Rounded Bold are all options). (Technically, per Kent's comment, Glitch is using RockoFLF, with Arial MT Rounded Bold as the second font in the stack. At least, that's what they were doing a few months ago when I last looked at their code. ... Oh ... just checked again, and they've dropped the Arial MT Rounded Bold out of the stack. They're calling RockoFLF with an embedded font-face.)

Anyway, as Kent Brewster noted, I think your best bet is to use Google Web Fonts' 'Nunito', if you aren't sure that it'll be on your users' computers (or even your own).

文章来源: Can I use “Arial Rounded MT Bold” with css?