La forma de código fuente letras de molde

Lo que constituye una carta de bloques puede variar ligeramente dependiendo de si usted está hablando a un tipógrafo o un diseñador web. Sin embargo, las características comunes de un tipo de letra en mayúsculas incluyen todo en mayúsculas, negrita y sans-serif (sin salientes en los extremos de los trazos de letras). Si está codificando letras mayúsculas en el texto de su sitio web, por desgracia no hay una sola acción para que aparezcan todas estas características. Sin embargo, por el aprendizaje de tres propiedades específicas de CSS, usted debe ser capaz de ajustar una fuente a su gusto para asemejarse a las letras de molde.

Instrucciones

1 Abra el archivo HTML en el software de edición de la sección que contiene los estilos CSS. Como alternativa, abra el archivo CSS que está utilizando como una hoja de estilos adjunta a su documento HTML.

2 Decidir qué etiqueta que va a utilizar en la designación del estilo de la letra de molde. Por ejemplo, es posible que desee aplicar el estilo a cualquier texto que está marcado como "H1" o "h2" en su archivo HTML, o quizás cualquier texto que aparece en un párrafo, marcado como "p", debe tener el estilo de bloque .

3 Comience con la propiedad font-familia para decidir qué tipo de letra que desea utilizar. Por ejemplo, escriba el siguiente código:

pag {

font-family: sans-serif;

}

Esto significa que cualquier texto designado como texto de párrafo en el documento HTML aparecerá como la fuente predeterminada de sans serif en el ordenador del espectador. También se pueden emplear fuentes específicas, en el orden en el que se prefiere, escribiendo:

pag {

font-family: arial, verdana, tahoma, sans-serif;

}

Esto significa que el texto del párrafo se mostrará en la fuente Arial. Si el espectador no tiene Arial instalado en su ordenador, la fuente se mostrará como Verdana, o en la lista - por último a la fuente por defecto de sans serif de la computadora.

4 Aumentar el tamaño de todas las letras mayúsculas utilizando la propiedad text-transform. Escriba el siguiente código en el estilo:

pag {

font-family: arial, verdana, tahoma, sans-serif;

text-transform: mayúsculas;

}

5 Negrita la fuente mediante la propiedad font-weight:

pag {

font-family: arial, verdana, tahoma, sans-serif;

text-transform: mayúsculas;

font-weight: bold;

}

Las opciones para font-weight incluyen "negrita", "más audaz", y un sistema numérico de 100 a 900. Por ejemplo, podría escribir "font-weight: 700;" ver cómo aparece en equipos diferentes y cambiar el número en consecuencia.

6 Ajuste estas tres propiedades en el código para conseguir el resultado letra de molde que usted desea. Guarde el archivo y observar los resultados en un navegador.

Consejos y advertencias

• Cuando se utiliza la propiedad font-family, debe incluir los nombres de fuentes que tienen espacios dentro de ellos entre comillas. Por ejemplo, puede escribir simplemente Arial, pero "Times New Roman" debe aparecer entre comillas.
• Si la transformación de estilo no tiene lugar una vez que guarde el archivo, asegúrese de que usted termina cada valor de propiedad con un punto y coma y que todo el estilo está encerrada entre llaves.
• Si está utilizando una familia de fuentes menos comunes, asegúrese de probar sus otros efectos estilísticos en él. Es posible que algunas familias de fuentes pueden no responder a la propiedad text-transform. Es posible que desee investigar las fuentes que son comunes, junto con la que aparecen los Macs, pero no en PC y viceversa.