¿Puedo usar "Arial Rounded MT Bold" con css?¿Puedo usar "Arial Rounded MT Bold" con css?
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
nada cambió cuando pongo:
font-family:Arial, Helvetica, sans-serif;
Para usar fuentes personalizadas con buena compatibilidad entre navegadores, echar un vistazo a FontSquirrel. Generarán el CSS correcto para que las fuentes personalizadas funcionen en el navegador cruzado. Eche un vistazo alrededor de su sitio para redondear MT Bold o cualquier otra cosa que desee :-) Además, si quiere más fuentes, eche un vistazo a http://www.fontex.org/
Google Fonts también es una posibilidad. Hay muchas fuentes diferentes pero no sé si hay exactamente Arial Rounded MT Bold.
¡Usted puede utilizar solamente las fuentes que se instalan en la computadora de los clientes !! Así que solo mencionarlos en la familia de fuentes css no funciona si la fuente no está instalada. Para esto, Google Fonts y otros brindan la funcionalidad ... así que cada vez que uses una fuente que no sea "Times", "Arial" o "Verdana", que están instalados en casi todas las computadoras, deberías pensar en una alternativa a raw css
A menos que use @ font-face. – Marcin
¿De dónde obtiene @ font-face su información de fuente? – strauberry
Fuentes de Google tiene Nunito, por Vernon Adams:
http://www.google.com/webfonts/family?family=Nunito
es agradable y redondeado; tipo de me recuerda lo que están utilizando en Glitch.
Vine a esta página después de buscar en Google una alternativa de Google Web Fonts a Arial Rounded MT Bold. Gracias a ti no me decepcionó. –
De nada; ¡feliz de ayudar! –
Hay una buena posibilidad de que, si no cambió nada (en el procesamiento de su navegador local de la página web) cuando cambió la pila de fuentes, en realidad no tenga instalado Arial MT Rounded Bold en su computadora. Una forma de probar esto es usar Firebug, para 'inspeccionar elemento' para el título (o cualquier fuente que se aplique), y para editar el listado de la familia de fuentes en el panel derecho de Firebug. (Por lo general, solo encuentro la fuente con nombre y agrego un espacio en su nombre, que "rompe" la llamada a la fuente correcta, y el navegador luego pasa a la siguiente fuente en la pila.)
Otro Las opciones incluyen usar la fuente web Nunito de Google (como Kent Brewster recomendó hace unos minutos) o configurar una fuente tipográfica en su propio servidor, proporcionando una de las fuentes redondeadas (RockoFLF Bold, FF Din Rounded, Nunito y Arial). MT redondeado en negrita son todas las opciones). (Técnicamente, según el comentario de Kent, Glitch está usando RockoFLF, con Arial MT Rounded Bold como la segunda fuente en la pila. Al menos, eso es lo que estaban haciendo hace unos meses cuando miré su código por última vez ... Oh. .. simplemente comprobé de nuevo, y han eliminado Arial MT Rounded Bold de la pila. Están llamando a RockoFLF con una fuente de letra incrustada.)
De todos modos, como señaló Kent Brewster, creo que tu mejor opción es usar 'Nunito' de Google Web Fonts, si no está seguro de que estará en las computadoras de sus usuarios (o incluso en las suyas).
Es difícil saberlo sin más información del OP, pero he visto los mismos síntomas causados por la función de aceleración de hardware en Firefox. Se sabe que causa varios problemas con font rendering. Uno que he observado no está procesando una fuente no estándar (como "Arial MT Rounded Bold") a pesar de estar presente en la máquina del cliente.
Por ejemplo, esta página ...
<html>
<head>
<style type="text/css">
body { font-family: "Arial Rounded MT Bold"; font-size: 30px; }
</style>
</head>
<body>
This can be really annoying.
</body>
</html>
Cuando se ve en IE, Chrome o FF con aceleración de hardware apagó la fuente aparece correctamente, así ...
Pero cuando se ve en FF con aceleración de hardware habilitado para el navegador no a "encontrar" la fuente especificada por lo que por defecto a otra, como este ...
No tienen ha habido problemas con esta "característica" de FF desde la versión 4.
Probablemente la mejor solución es utilizar una fuente diferente (estándar) o (como sugiere Kent) encontrar una fuente web similar que Funcionará en todos los navegadores modernos. Alternativamente, al igual que muchos problemas de fuentes, el problema puede mitigarse suministrando una lista de familias de fuentes para usar como retrocesos.
Creo que parte de la "característica" molesta que describes es que tu CSS de ejemplo no especifica ninguna fuente alternativa después de la primera, por lo que vuelve directamente a Times New Roman. Aprecio que parezca estar diciendo que no puede encontrar la fuente en modo acelerado, pero que podría proporcionar una mejor segunda, tercera, etc. – rtpHarry
@rtpHarry: Mi ejemplo está construido específicamente para ilustrar que el problema no funciona a su alrededor. Además, abordé el uso de los repliegues en mi respuesta original. – Molomby
Sí, hizo un buen punto, solo estaba agregando a la conversación :) – rtpHarry
He visto una fuente de Google alternativa sugerida aquí desde 2011, que es una combinación bastante buena, pero hay algunas partes delgadas en la fuente que no son las mismas que Arial Rounded MT Bold.
Para las personas que todavía están buscando una alternativa, creo que esta es una mejor combinación; su llamada Ronda de Varela por Joe Príncipe:
también fijaría en font-weight: bold; para un partido más precisa.
¿Qué quiere decir con nada cambiado? Y ¿por qué hay más personas que usan la etiqueta 'coding-style' para las preguntas de CSS? –
BoltClock
@BoltClock: ¿Qué deberíamos usar? – Bojangles
@JamWaffles La etiqueta 'coding-style' es para" Convenciones y prácticas utilizadas en el software. Las clases, las variables y los archivos de nomenclatura son ejemplos como lo es la organización del código ". –