Cambio de fuentes en su sitio drupal

los style.css archivo contiene las reglas para el color, estilo y tamaño de las fuentes para su tema de Drupal. He aquí un resumen de algunas de la codificación utilizada para controlar la apariencia de las fuentes que se ve en style.css:

  • fuente: Esta etiqueta aparece sólo una vez en style.css y especifica el tipo de letra a utilizar para todo el sitio.

  • tamaño de fuente: Controla cuán grande o pequeño es el texto.

  • font-weight: Se utiliza para establecer el texto en negrita.

  • Estilo de fuente: Se utiliza principalmente para ajustar el texto a cursiva.

    Video: Drupal: Módulo Link Clic Count - Contabiliza los clic en tu sitio web

  • text-decoration: Controla si un enlace está subrayado.

  • color: Establece el color del texto.

Las siguientes líneas de código muestran algunos de los principales parámetros de texto en style.css que es posible que desee cambiar.

cuerpo {font: 76% / 170% Verdana, Arial, Helvetica, sans-serif- color: # 000000-}

Dos cosas están sucediendo en esta línea. el atributo color controla el color del texto de todo el sitio, estableciéndolo en negro. Si no hay otras reglas cambian el color más adelante en este archivo, se muestra como un rectángulo negro en el sitio. Esta especificación controla el color de todo el texto contenido en todo el sitio.

La configuración de la fuente, 76% / 170% Verdana, Arial, Helvetica, sans-serif, establece tanto el tamaño del texto y la fuente. Si desea utilizar un tipo de letra diferente y un texto más grande, puede cambiar esta línea para que lea como sigue:

fuente: 100% Times New Roman, Georgia, Serif-

Esto cambia el tipo de letra para todo el sitio, como se puede ver en la siguiente ilustración.

El tipo de letra es más grande - y ahora es Times New Roman en lugar de Verdana. En el ejemplo, el tamaño de letra más pequeño y Verdana para el estilo, por lo que se eligió esta línea fue cambiado de nuevo a fuente: 76% / 170% Verdana, Arial, Helvetica, sans-serif-.

a {text-decoration: none; font-weight: osada}

los text-decoration controla si los enlaces en su sitio están subrayados. En este caso, no lo son. los font-weight hace que la negrita enlaces del sitio.

Video: Cambio de Fuente O Tipo de letra #2 {SOLUCIÓN DEFINITIVA}

a: hover {text-decoration: underline-}

Al mover el cursor del ratón sobre uno de los enlaces en el sitio, aparece el subrayado. Al mover el cursor fuera, desaparece. Cada vez que vea flotar, se está refiriendo a que el cursor se mueve sobre algo y se detuvo allí.

#branding {color: # 000-}

Si el color está cambiado # 000, el color se vuelve negro y se ve mejor contra el fondo amarillo.

Video: [Modulo Xposed] Cambia la fuente de tu dispositivo Android – 100% recomendado

Al cambiar el código CSS, tener cuidado de mantener los signos de puntuación tal y como son. Por ejemplo, asegúrese de que cada línea en el bloque de código termina con un punto y coma.

Video: ★ Cambiar la tipo de letra en Windows 10 (67 fuentes/estilos) 2017 ★

style.css pertenecen a lo que los elementos en su sitio. Pero hay una manera más fácil. Puede utilizar el navegador web Firefox e instalar el complemento Firebug llamada. Si lo hace, se abre un panel en el navegador web y se muestra lo que los elementos de estilos en su página web están utilizando.

En la siguiente ilustración, se ve en qué línea style.css es el control de la aparición del nombre del sitio en la cabecera. En la parte inferior derecha del navegador, se puede ver en qué parte del código CSS se establece el formato. Para saber más acerca de Firebug en Getfirebug.com.

Drupal.org/theme-guide es una guía muy completa.

Artículos Relacionados