EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Nosotros
  • Diseño de Interfaces Web
  • Blog
  • Contacto
✕
            No results See all results
            Propiedades texto CSS
            Propiedades de texto en CSS
            11/10/2019
            Propiedades listas CSS
            Propiedades de las listas en CSS
            11/10/2019

            Propiedades de las fuentes en CSS

            Propiedades fuentes CSS

            Propiedades de las fuentes.

            Tabla de contenidos

            • 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

            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.

            Tabla 7.1: Propiedades de las fuentes
            Propiedad Descripción Valores
            font-family Familias de fuentes nombre-familia | *
            font-style Estilo de la fuente normal | italic | oblique
            font-variant Convierte a mayúsculas manteniendo todas las letras en un tamaño inferior a la primera normal | small-caps
            font-weight Anchura de los caracteres. Normal = 400, Negrita = 700 normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
            font-size Tamaño de la fuente xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | longitud | porcentaje

            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; }

            Una cursiva es una versión especial de la fuente, mientras que una oblicua es la versión normal de la fuente con una ligera inclicnació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

            Comprueba tu aprendizaje

            ¿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...
            Compartir

            UD3. CSS básico

            • 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. Buenas prácticas CSS
            • 13. Modelo de cajas: márgenes, relleno y bordes
            • 14. Posición y comportamiento de contenedores en CSS
            • 15. Formatos de las fuentes en CSS y utilización de repositorios
            • 16. Estilos en formularios CSS
            • 17. Herramientas útiles, test de verificación y referencias
            • 18. Resumen CSS
            • 19. Prácticas CSS
            • 20. Test de conocimientos CSS
            • 21. Propiedades Personalizadas CSS

            Diseño de Interfaces Web

            • UD1. Planificación de interfaces gráficas
            • UD2. HTML
            • UD3. CSS básico
            • UD4. CSS avanzado
            • UD5. Imágenes, licencias y software de gestión
            • UD6. Sonido, vídeo y animaciones
            • UD7. Plantillas y frameworks de desarrollo
            • UD8. Integración de contenido interactivo
            • UD9. Diseño de webs accesibles
            • UD10. Usabilidad web
            • Metodología Scrum

            ENLACES

            • Nosotros
            • Contacto
            • Mapa del sitio
            • Blog

            CodePen

            codepen

            CURSOS

            • Diseño de Interfaces Web

            REDES SOCIALES

            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



              © 2022 Eniun Diseño Web y Marketing Digital
              Política de privacidad y cookies
                          No results See all results