Cómo utilizar css para personalizar las fuentes en un tema de wordpress
Puede cambiar las fuentes en su tema de WordPress para los propósitos de estilo o de legibilidad. Tipográficas (o fuente) expertos en diseño utilizan variaciones de la fuente simples para lograr resultados sorprendentes de diseño. Puede utilizar fuentes de separar los titulares de texto del cuerpo (o titulares de widgets y el texto del contenido principal) a ser menos molesto.
Familia tipográfica
La web es en realidad un poco exigente con cómo se muestran los tipos de letra, así como qué tipo de fuentes que puede utilizar en el Familia tipográfica propiedad. No todas las fuentes aparecen correctamente en la web. Para estar seguro, aquí hay algunas familias de fuentes de uso común que aparecen correctamente en la mayoría de los navegadores:
Las fuentes serif: Times New Roman, Georgia, Garamond, y Bookman Old Style
fuentes sans-serif: Verdana, Arial, Tahoma, Trebuchet MS y
serif fuentes tienen pequeñas colas, o volutas, en los bordes de las letras. (Este texto está en una fuente serif). Sans-serif fuentes tienen bordes rectos y están desprovistos de cualquier estilo de fantasía.
Cuando se desea cambiar una familia de fuentes en su CSS, abra la hoja de estilo (style.css), buscar Propiedad: font-family, cambiar los valores de dicha propiedad, y guardar los cambios.
En el CSS plantilla predeterminada, la fuente se define en el etiquetar así:
Video: Cambiar css con simple custom css en Wordpress
font-family: Georgia, "Carta de flujo de bits", serif-
Color de fuente
Con más de 16 millones de combinaciones de HTML disponible, puede encontrar el tono adecuado de color para su proyecto. Después de algún tiempo, podrás memorizar los códigos de color favorito. Conocer los códigos para los diferentes tonos de gris le ayuda a añadir rápidamente un toque de diseño adicional.
Puede cambiar fácilmente el color de la fuente cambiando el color propiedad del selector CSS que desea ajustar. Puede utilizar códigos hexadecimales para definir los colores.
Se puede definir el color de fuente general en su sitio mediante la definición en el cuerpo selector CSS de esta manera:
body {color: # 333-}Tamaño de fuente
Para ajustar el tamaño de la fuente, cambiar el tamaño de fuente propiedad del selector CSS que desea ajustar. Los tamaños de fuente son generalmente determinados por las unidades de medida, como en estos ejemplos:
Video: Modificar o añadir CSS desde el personalizador de WordPress. Cambiar hojas de estilo de la plantilla
px: medición del pixel, o px- aumentando o disminuyendo el número de píxeles aumenta o disminuye el tamaño de fuente (12px es mayor que 10px).
pt: medición de punto, o pt- como con píxeles, aumentando o disminuyendo el número de puntos afecta el tamaño de fuente en consecuencia (12pt es mayor que 10pt).
%: medición Porcentaje, o %- aumentando o disminuyendo el número de porcentaje afecta el tamaño de fuente en consecuencia (50% es equivalente a 8, píxeles de 100% es equivalente a 16 píxeles).
En el CSS plantilla predeterminada, el tamaño de fuente se define en el cuerpo de la etiqueta en píxeles, como este:
font-size: 12px;
Ponlo todo junto
Estilo de la fuente para el cuerpo general de su sitio poniendo los tres elementos (fuente de la familia, el color y tamaño de fuente) juntos en el etiqueta. He aquí cómo trabajan juntos en el etiqueta de la CSS plantilla por defecto:
body {font-size: 12px; font-family: Georgia, "Carta de flujo de bits", Serif-color: # 666-}