Cómo cambiar las fuentes de la cita on Tumblr

Tumblr le permite personalizar su página personal de Tumblr para que se vea casi cualquier forma que desee. Por ejemplo, por defecto Tumblr paquetes de citas - también llamados blockquotes - muy de cerca juntos, que pueden hacer que sean difíciles de distinguir de su propio texto. Puede cambiar esto estableciendo citas de separación, con una fuente personalizada. Para realizar un cambio de formato a la fuente blockquote, modificar las hojas de estilo internas de Tumblr.

La elección de su nueva fuente Cita

Antes de comenzar la edición, seleccione la fuente que desea utilizar para las citas. Asegúrese de que sea una fuente "segura para la Web", es decir, una fuente común que la mayoría de los equipos y dispositivos que ya tienen. Si se utiliza una fuente oscura, a continuación, los dispositivos sin que aparezca una fuente genérica en su lugar. También debe evitar el uso de fuentes con derechos de autor, ya que ambos son oscuros y requiere permiso expreso del titular del copyright. La página web CSS Fuentes Pila tiene una lista de fuentes, no propietarios seguros para la Web, así como una herramienta que copia rápidamente el que desee en el portapapeles. Nótese que, en lugar de sólo una fuente, CSS Fuentes Pila utiliza "pilas del tipo de letra." Este diseño a prueba de fallos especifica múltiples fuentes de una calidad cada vez más genérica, de modo que si un usuario no tiene la primera fuente que elija, sus controles del navegador para la segunda fuente en lugar, a continuación, el tercer tipo de letra y así sucesivamente. Si se utiliza una pila de fuente, la definición de la fuente se verá algo como esto:

font-family: Arial "Helvetica Neue", Helvetica, sans-serif;

La sintaxis es importante; "Font-family" es la propiedad CSS que establece las fuentes, mientras que las comas separan cada fuente cada vez más genérico. Para una sola fuente, que no tendrá que comas. Además, tenga en cuenta las comillas en "Helvetica Neue" que son necesarios para las fuentes de varias palabras. Por último, el punto y coma al final le dice a los navegadores que las instrucciones para que la declaración en particular - en este caso, el establecimiento de la fuente - se han terminado.

Entendiendo la tarea

Para cambiar las fuentes en Tumblr, añadir una sola línea de marcado CSS. CSS - Cascading Style Sheets - no es un lenguaje de programación, y que no es necesario para entender la programación para hacer esto. CSS es la herramienta principal para configurar la apariencia de una página Web. Para cambiar las fuentes presupuesto para su Tumblr, va a crear una instrucción de CSS en su tema personalizable Tumblr.

Accediendo a su tema y su definición cita en bloque

Entre para Tumblr y vaya a su página de inicio. Para acceder a su tema, haga clic en el botón "Editar Tema" al lado del botón "tablero de instrumentos". Haga clic en "Editar HTML" por debajo de la sección de tema personalizado para abrir el editor HTML.

En HTML, el elemento llamado "blockquote" contiene citas de larga duración, por lo que se le busca para la parte de la hoja de estilo que gobierna el formato blockquote. Haga clic en cualquier lugar dentro del editor HTML, a continuación, pulse la tecla "Ctrl-F" para abrir el cuadro de búsqueda del editor. Tipo "blockquote" (sin las comillas). El primer resultado debe ser la correcta, aunque algunos temas personalizados pueden variar. El que usted quiere debe ser fuertemente encajada, y debe ser algo como esto:

envoltorio #content .post .copy blockquote {

margen: 0px 10px 10px 10px;
padding-left: 15px;
border-left: #dcdcdc 4PX sólido;
}

Los valores particulares pueden ser diferentes. La clave es que aparece la palabra "blockquote" sólo una vez antes de que la llave de apertura, {.

Al entrar en la Declaración de Nueva CSS

Haga clic justo después del punto y coma final, y asegúrese de que sea antes de la llave de cierre,}. Pulse la tecla "Enter" para crear una nueva línea. El editor de Tumblr debe aplicar sangría automáticamente la línea para usted, pero no se preocupe si no es así debido a que el sangrado es sólo para la apariencia visual para hacer la lectura más fácil. En la nueva línea, pegue o escriba la fuente que desea utilizar para las cotizaciones. Debe ser algo como esto, sustituyendo los nombres de las fuentes que desea utilizar para los ejemplos dados aquí:

font-family: Arial;

O, si usted está utilizando una pila de fuente, debe ser algo como esto:

font-family: Arial "Helvetica Neue", Helvetica, sans-serif;

En el contexto, la nueva línea de CSS debe ser similar a esto:

envoltorio #content .post .copy blockquote {

margen: 0px 10px 10px 10px;
padding-left: 15px;
border-left: #dcdcdc 4PX sólido;
font-family: Arial "Helvetica Neue", Helvetica, sans-serif;
}

Una vez terminado, haga clic en el botón "Actualizar vista previa" en la parte superior del editor de HTML. Los cambios pueden no aparecer en la vista previa, así que haga clic en "Guardar" y luego cargar la página de inicio de Tumblr en una nueva pestaña del navegador. Si usted hizo todo correctamente, verá la nueva fuente de todo el contenido citado. Tenga en cuenta que, dependiendo de la fuente que elija, es posible que desee añadir otra línea de CSS para hacer el tamaño de letra más grande o más pequeño. Para ello, utilice la propiedad "font-size" e introduzca un porcentaje, como esto:

font-size: 120%;

Recuerde poner antes de la llave de cierre, y recordar su punto y coma.