Yo se que las fuentes(typograficas) serif
son un tipo de fuentes. Ahora mi pregunta es en CSS cuando le pones a un parrafo el tipo de fuente font-family: serif;
que fuente toma. Quisiera saber si esto cambia en diferentes dispositivos(ó SOs) o si en realidad la fuente serif tambien es una fuente, porque le puse la fuente solo serif
a mi blog y quisiera saber si talvéz cambia o es la misma fuente en todos los dispositivos.
2 respuestas
La propiedad
font-family
es un grupo de fuentes, que puede contener varios nombres de fuentes como un sistema "alternativo". Si el navegador no admite la primera fuente, intenta con la siguiente fuente.
Cuando no se establece de forma explícita el tipo de letra,o no se encuentran instaladas , los navegadores muestran el texto con un tipo de letra por defecto
https://www.w3schools.com/cssref/pr_font_font-family.asp
Dentro de la página http://www.fontfamily.io encontraras un formulario para ver información sobre distintas tipografías y como se mostrarían en Browsers/ diferentes S.O
Como te han dicho en los comentarios las fuentes por defecto varian dependiendo del navegador (y a veces del SO), por ejemplo la "serif" de Firefox puede ser diferente a la que usa chrome.
Es recomendable que especifiques tu el tipo de letra para evitar estos detalles, o tambien podrias utilizar un "font stack", que se usa para definir varias fuentes para escoger, asi podrias poner la primera como la opcion preferida y en caso de no encontrarla, la segunda sera usada etc..
Esta pagina te puede servir de referencia: https://www.cssfontstack.com/
EDIT:
En chrome puedes revisarla en chrome://settings/fonts En Firefox en la configuracion--> idioma y apariencia --> En donde esta la fuente predeterminada hay un boton de "avanzadas" (opciones avanzadas) y ahi puedes revisar
font-family: 'Roboto', sans-serif, serif;
, esto quiere decir que si no existe Roboto en tu pc o en el cliente, busca el siguiente.serif
, ya que se supone que por que le pones al final siempre existirá. No quiero cargar otra fuente.