EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Tutoriales
  • Blog
✕
            Sin resultados Ver todos los resultados

            Propiedades de las fuentes en CSS

            Propiedades fuentes CSS

            Propiedades de las fuentes.

            7. Propiedades de las fuentes

            Las propiedades CSS de las fuentes son las que permiten controlar el tamaño, el tipo, el grosor o el estilo de las letras, entre otras cosas. En la siguiente tabla se muestran las propiedades de las fuentes más destacadas.

            Contenidos del artículo

            • 7. Propiedades de las fuentes
            • 7.1. Font-family
            • 7.2. Font-style
            • 7.3. Font-variant
            • 7.4. Font-weight
            • 7.5. Font-size
            PropiedadDescripciónValores
            font-familyFamilias de fuentesnombre-familia | *
            font-styleEstilo de la fuentenormal | italic | oblique
            font-variantConvierte a mayúsculas manteniendo todas las letras en un tamaño inferior a la primeranormal | small-caps
            font-weightAnchura de los caracteres. Normal = 400, Negrita = 700normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
            font-sizeTamaño de la fuentexx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | longitud | porcentaje
            Tabla 7.1: Propiedades de las fuentes

            7.1. Font-family

            .a  { font-family: "Times New Roman", Times, serif; }
            .b  { font-family: Arial, Helvetica, sans-serif; }

            0


            7.2. Font-style

            .a  { font-style: normal; }
            .b  { font-style: italic; }
            .c  { font-style: oblique; }

            La letra cursiva es una versión especial de la fuente, mientras que la letra oblicua es la versión normal de la fuente con una ligera inclinación. 

            0


            7.3. Font-variant

            .a  { font-variant: normal; }
            .b  { font-variant: small-caps; }

            0


            7.4. Font-weight

            .a  { font-weight: normal; }
            .b  { font-weight: bold; }
            .c  { font-weight: 600; }

            0


            7.5. Font-size

            .a  { font-size: 20px; }
            .b  { font-size: 2em; }
            .c  { font-size: xx-small; }
            .d  { font-size: small; }
            .e  { font-size: 250%; }

            0

            Test

            ¿Cómo se define el texto en negrita para todos los párrafos?

            ¡Bien! ¡Has fallado!

            ¿Cómo se indica que el estilo de la fuente es cursiva?

            ¡Bien! ¡Has fallado!

            ¿Cuál es la propiedad que nos permite indicar el tamaño del texto?

            ¡Bien! ¡Has fallado!

            ¿Qué propiedad nos permite cambiar el tipo de fuente de un texto?

            ¡Bien! ¡Has fallado!

            Propiedades de las fuentes
            ¡Muy bien!
            Sigue repasando...

            Navegación de entradas

            ← Propiedades de texto en CSS
            Propiedades de las listas en CSS →

            Tutorial CSS Nivel Inicial

            • 1. ¿Qué es CSS?
            • 2. ¿Cómo aplicar estilos CSS?
            • 3. Selectores
            • 4. Unidades de medida
            • 5. Colores y fondo
            • 6. Propiedades de texto
            • 7. Propiedades de las fuentes
            • 8. Propiedades de las listas
            • 9. Propiedades de las tablas
            • 10. Pseudo-clases y pseudo-elementos en CSS
            • 11. Prefijos CSS de los navegadores
            • 12. Modelo de cajas: márgenes, relleno y bordes
            • 13. Tamaño de los elementos
            • 14. Posición y comportamiento de contenedores en CSS
            • 15. Cómo crear un menú horizontal
            • 16. Estilos en formularios CSS
            • 17. Buenas prácticas CSS
            • 18. Herramientas útiles, test de verificación y referencias
            • 19. Test de conocimientos CSS
            • 20. Resumen CSS

            Tutoriales

            • Diseño de Interfaces
            • Usabilidad web
            • Accesibilidad web
            • HTML
            • XML
            • CSS Nivel Inicial
            • CSS Nivel Intermedio
            • CSS Nivel Avanzado
            • Bootstrap 5
            • Ver más tutoriales

            ENLACES

            • Nosotros
            • Contacto
            • Mapa del sitio
            • Blog

            TUTORIALES

            • Contenidos por bloques
            • Diseño de Interfaces Web
            • Lenguajes de Marcas y Sistemas de Gestión de Información

            SÍGUENOS

                 

            NUESTRA MISIÓN

            Queremos que consigas tus objetivos y que tu proyecto llegue a todo el mundo de la manera más óptima. Tu éxito es nuestro deseo y pondremos en práctica toda nuestra experiencia para que lo consigas.

            Únete y recibe gratis contenido exclusivo



              © 2023 Eniun Diseño Web y Marketing Digital
              Política de privacidad y cookies
                          Sin resultados Ver todos los resultados