tipo studio original letra fuentes fuente font family custom como color cambiar agregar android html css fonts true-type-fonts

studio - custom font android



Fuente predeterminada establecida en Android (6)

Ampliando la respuesta de Grstmo :

system_fonts.xml define la asignación de la familia de fuentes a los archivos de fuentes reales. Así que vamos a probar estos:

<div style="font-family: sans-serif; font-style: normal">Regular</div> <div style="font-family: sans-serif; font-style: italic">Italic</div> <div style="font-family: sans-serif; font-weight: bold">Bold</div> <div style="font-family: sans-serif; font-weight: bold; font-style: italic">Bold-italic</div> <div style="font-family: sans-serif-light; font-style: normal">Light</div> <div style="font-family: sans-serif-light; font-style: italic">Light-italic</div> <div style="font-family: sans-serif-thin; font-style: normal">Thin</div> <div style="font-family: sans-serif-thin; font-style: italic">Thin-italic</div> <div style="font-family: sans-serif-condensed; font-style: normal">Condensed regular</div> <div style="font-family: sans-serif-condensed; font-style: italic">Condensed italic</div> <div style="font-family: sans-serif-condensed; font-weight: bold">Condensed bold</div> <div style="font-family: sans-serif-condensed; font-weight: bold; font-style: italic">Condensed bold-italic</div> <div style="font-family: serif; font-style: normal">Serif Regular</div> <div style="font-family: serif; font-style: italic">Serif Italic</div> <div style="font-family: serif; font-weight: bold">Serif Bold</div> <div style="font-family: serif; font-weight: bold; font-style: italic">Serif Bold-italic</div> <!-- "Droid Sans" actually gives you Roboto. --> <div style="font-family: &quot;Droid Sans&quot;; font-style: normal">Droid Sans Regular</div> <div style="font-family: &quot;Droid Sans&quot;; font-weight: bold">Droid Sans Bold</div> <div style="font-family: monospace; font-style: normal">Monospace Regular</div>

http://jsfiddle.net/9z3tD/4/ => (probado en Android 4.2)

EDITAR: "Droid Sans" en la captura de pantalla es claramente Roboto. La configuración lo admite pero el archivo subyacente es un enlace sim : DroidSans.ttf -> Roboto-Regular.ttf , DroidSans-Bold.ttf -> Roboto-Bold.ttf

EDITAR: Parece que no importa si cito los nombres de familia ( http://jsfiddle.net/9z3tD/9/ hace lo mismo). CSS distingue entre palabras clave genéricas como serif y citado "serif" que se refiere a una fuente cuyo nombre es "serif"; pero la configuración xml no hace ninguna distinción, así que supongo que en Android, sintaxis se refiere a una fuente cuyo nombre es "serif". Pero puede haber una diferencia si crea una vista web personalizada y la configura para asignar palabras clave genéricas a otras fuentes ( setSerifFontFamily() y amigos).

Luego están fallback_fonts.xml . Estos no tienen nombre; por ejemplo, NO se puede decir font-family: "Droid Sans Fallback" .
Pero se supone que todos ellos deben probarse por cada glifo faltante en otras fuentes. Presumiblemente, incluso se puede elegir un subconjunto usando font-variant de font-variant de "elegant" o "compact" y estableciendo el texto lang="ja" ?
Sin embargo, no veo que se use Droid Sans Fallback, así que quizás los fallbacks no funcionen en WebKit :-(

Descargo de responsabilidad: lo anterior se aplica a Android de stock, mediante el navegador de stock y / o Chrome. Creo que también se aplica a WebView (con configuración predeterminada) pero no se ha probado.

En teoría, los fabricantes pueden usar otras fuentes, por ejemplo, escuché rumores de que Samsung lo hace. En la práctica, las capturas de pantalla en todos los dispositivos Android BrowserStack tenía todo, incluidos los Samsung, miran a mis ojos inexpertos como Roboto o Droid, las diferencias son solo las versiones de Android ... Sin embargo, aquí está el Galaxy S3 capturado sin alias Georgia para serif así que algo difiere.

Firefox es un buen ejemplo de un navegador que lo hace de manera diferente: cambiaron a Open Sans y Charis SIL Compact , luego reemplazaron Open Sans con Clear Sans .
La configuración completa está en libpref/init/all.js y depende del idioma.
Por lo que puedo decir, Firefox ignora los alias de system_fonts.xml, por ejemplo, los resultados de Georgia en una fuente sans.
OTOH, versiones anteriores (probadas 30, 34) le permitieron referirse a las fuentes del sistema por su nombre, incluso a Droid Sans Fallback, pero esto no funciona en FF 36, 37 (estos 2 resultados son para http://codepen.io/cben/pen/VYgPEE , el uso de AdobeBlank significa que cuando se ven caracteres, se usó esa fuente).

Vea también la respuesta relevante sobre las fuentes disponibles para las aplicaciones.

¿Alguien puede decirme cuáles son las fuentes incluidas en la mayoría de los dispositivos Android, específicamente para las páginas web?

Al igual que Windows tiene sus fuentes integradas o sus listas de fuentes de Mac , ¿cuáles son las fuentes que vienen con la mayoría de los teléfonos y tabletas con Android? ¿Alguien puede apuntar a una lista en la web?

Estoy creando páginas web y quiero configurar mi CSS para degradar con gracia el uso de fuentes más nuevas para simplemente las familias de fuentes "sans-serif" y "serif". Gracias.

Como he sido probado durante un tiempo, hay 3 fuentes estándar - tipos de familia para WebView:

serif, sans-serif, monospace. He estado cargando así con javaScript (he probado diferentes combinaciones de http://www.w3schools.com/cssref/css_websafe_fonts.asp donde se colocó la tabla de las combinaciones de uso común):

myWebView.loadUrl("javascript:document.body.style.fontFamily=/"Impact, Charcoal, sans-serif/";");

por lo tanto, no hubo ninguna diferencia con el siguiente código:

myWebView.loadUrl("javascript:document.body.style.fontFamily=/"sans-serif/";");

Tengo el mismo resultado. Probado en 4.2.2.

Extraño, pero el servicio de mensajería también funciona, parece una especie de monoespacio.

Desde Android 4.1 puedes usar esto por ejemplo:

Familia tipográfica: sans-serif-light;