Ag Book Rounded Font Family
Magdalena Liendo
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.
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.
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
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.)
Its worth noting that Linux doesn't come with Arial by default so one should not rely on a font being present on a users computer. Instead they should download the files (license permitting), host them on their site and link to them using @font-face.
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
For anyone still having a problem getting Arial Rounded MT Bold to work in CSS try using "Arial Rounded MT" (no Bold) in your font-family declaration. It works for me. I assume somewhere in the font file it is called "Arial Rounded MT" instead of "Arial Rounded MT Bold". Probably because "Bold" would not normally be included in a font name as it's a font-weight.
You should always include at least one generic family name in a font-family list, since there's no guarantee that any given font is available. This lets the browser select an acceptable fallback font when necessary.
The font-family property specifies a list of fonts, from highest priority to lowest. Font selection does not stop at the first font in the list that is on the user's system. Rather, font selection is done one character at a time, so that if an available font does not have a glyph for a needed character, the latter fonts are tried. When a font is only available in some styles, variants, or sizes, those properties may also influence which font family is chosen.
The name of a font family. This must be either a single value or a space-separated sequence of values. String values must be quoted but may contain any Unicode character. Custom identifiers are not quoted, but certain characters must be escaped.
Generic font families are a fallback mechanism, a means of preserving some of the style sheet author's intent when none of the specified fonts are available. Generic family names are keywords and must not be quoted. A generic font family should be the last item in the list of font family names. The following keywords are defined:
Glyphs in cursive fonts generally have either joining strokes or other cursive characteristics beyond those of italic typefaces. The glyphs are partially or completely connected, and the result looks more like handwritten pen or brush writing than printed letter work.
Glyphs are taken from the default user interface font on a given platform. Because typographic traditions vary widely across the world, this generic is provided for typefaces that don't map cleanly into the other generics.
This is for the particular stylistic concerns of representing mathematics: superscript and subscript, brackets that cross several lines, nesting expressions, and double struck glyphs with distinct meanings.
Lama Rounded is an extension of Lama Sans font family. Its creation process was inspired by the need to make a rounded font that doesn't provoke a childish impression and remains functional in small spaces.
For the Latin version, we relied on the old Latin grotesque and rounded styles. While in the Arabic version, the Kufi style was the source of inspiration. The fusion of both styles yielded a holistic type system.
San Francisco is an Apple designed typeface that provides a consistent, legible, and friendly typographic voice. Across all Apple products, the size-specific outlines and dynamic tracking ensure optimal legibility at every point size and screen resolution. Numbers have proportional widths by default, so they feel harmonious and naturally spaced within the time and data-centric interfaces people use every day.
This neutral, flexible, sans-serif typeface is the system font for iOS, iPadOS, macOS and tvOS. SF Pro features nine weights, variable optical sizes for optimal legibility, four widths, and includes a rounded variant. SF Pro supports over 150 languages across Latin, Greek, and Cyrillic scripts.
Sharing many features with SF Pro, SF Compact features an efficient, compact design that is optimized for small sizes and narrow columns. SF Compact is the system font for watchOS and includes a rounded variant.
This monospaced variant of San Francisco enables alignment between rows and columns of text, and is used in coding environments like Xcode. SF Mono features six weights and supports Latin, Greek, and Cyrillic scripts.
A companion to San Francisco, this serif typeface is based on essential aspects of historical type styles. New York features six weights, supports Latin, Greek, and Cyrillic scripts, and features variable optical sizes allowing it to perform as a traditional reading face at small sizes and a graphic display face at larger sizes.
Gain insight into typographic principles and how they apply to the San Francisco fonts, the result of a deep collaboration between design and engineering teams. This typeface defers to the content it displays to give text unmatched legibility, clarity, and consistency.
B. Title and intellectual property rights in and to any content displayed by or accessed through the Apple Font belongsto the respective content owner. Such content may be protected by copyright or other intellectual property laws and treaties,and may be subject to terms of use of the third party providing such content. This License does not grant you any rightsto use such content nor does it guarantee that such content will continue to be available to you.
B.Other Use Restrictions. The grants set forth in this License do not permit you to, and you agree not to, install,use or run the Apple Font for the purpose of creating mock-ups of user interfaces to be used in software products runningon any non-Apple operating system or to enable others to do so. You may not embed the Apple Font in any software programsor other products. Except as expressly provided for herein, you may not use the Apple Font to, create, develop, displayor otherwise distribute any documentation, artwork, website content or any other work product.
Except as otherwise expressly permitted by the terms of this License or as otherwise licensed by Apple: (i) only one usermay use the Apple Font at a time, and (ii) you may not make the Apple Font available over a network where it could berun or used by multiple computers at the same time. You may not rent, lease, lend, trade, transfer, sell, sublicense orotherwise redistribute the Apple Font in any unauthorized way.