Consejo 1: Cómo prescribir una fuente

Consejo 1: Cómo prescribir una fuente


Hay varias formas de establecer características individuales fuente cualquier bloque de texto en la página. Algunos de ellos solo usan herramientas HTML, otros, solo CSS, el tercero, combinan las capacidades de ambos idiomas.



Cómo registrar una fuente


Instrucciones


1


Puedes especificar las opciones fuente, que el navegador debería usar paramostrar un bloque de texto en particular en una página, justo antes del comienzo de este bloque. Para esto, las herramientas de lenguaje de marcado son suficientes, sin usar descripciones de estilo de los elementos del documento. La estructura HTML correspondiente consiste en la fuente de etiquetas de apertura y cierre (<font> y </ font>), entre las cuales se coloca el texto. Esta etiqueta te permite especificar un nombre fuente en el atributo de cara, su color (en el atributo de color) ytamaño (atributo de tamaño). El color se puede especificar en su designación de texto (por ejemplo, Azul), pero es mejor usar códigos hexadecimales (por ejemplo, # 0000FF en lugar de Azul), porque con su ayuda puede elegir con mayor precisión el tono correcto. Tamaño fuente aquí se da en unidades relativas - necesita especificar un número en el rango de 1 a 7. Texto de muestra con los parámetros especificados de esta manera fuente: <font color = "Navy" face = "Verdana" size = "5"> Texto de muestra </ font>


2


Otra forma es usar el atributo de estilo. Puede especificarse en muchas de las etiquetas, incluyendo la formación de una caja inferior o campo bloque con el texto en el cuerpo del documento. Aquí hay un ejemplo con el párrafo forma etiqueta de texto: <p style = "font: 20px 700/12 Verdana;"> Texto de ejemplo </ p> Aquí, el número 700 - es una propiedad de fuente-peso, y 20 píxeles - tamaño de fuente. Por efecto, casi se duplican entre sí: establece el tamaño de las letras. La única diferencia es que el tamaño de fuente indica el tamaño en unidades absolutas (px o em), y la fuente-peso en relación, es decir, aumenta o disminuye el tamaño del cuadro de texto con respecto al conjunto para todo el documento en su conjunto. Como ya saben, utilizar ambos al mismo tiempo en los mismos atributos de estilo que no tiene sentido, aquí se unen solamente a modo de ejemplo. El número 12, la fracción a través después de que el tamaño absoluto coloca la altura de las filas en esta sección. Y Verdana es, por supuesto, el nombre del usado fuente.


3


Sin embargo, la especificación de parámetros fuente directamente en las etiquetas de elemento de la página ahorararamente utilizado. Normalmente, las descripciones de las fuentes se procesan en bloques CSS, y las etiquetas solo especifican las referencias a ellas, en los atributos de clase o id. Una muestra de este tipo de indicación de parámetros fuente: <style type = "text / css"> .paraFont {font: 20px / 40 Verdana;} </ style> <p class = "paraFont"> Texto de muestra </ p>


4


Si no hay una variedad particular de fuentes en la página,puede establecer los parámetros, por ejemplo, para todas las etiquetas <p> y no especificar referencias a la descripción estilística de cualquier atributo de la clase, ni identificación. En este caso, la muestra anterior se puede simplificar a este tipo: <style type = "text / css"> p {font: 20px / 40 Verdana;} </ style> <p> Texto de ejemplo </ p>



Consejo 2: Cómo configurar tu fuente en html


La fuente es una parte integral del diseño web, dandoestilo característico del sitio El texto de calidad en la página debe verse armonioso, combinado con otros elementos del sitio y, al mismo tiempo, contribuir a una mejor percepción de la información. Con el lenguaje de marcado HTML y las tablas de cascada de CSS, puede configurar casi cualquier parámetro que ayude a lograr el máximo rendimiento de la página.



Cómo configurar tu fuente en html


Necesitarás



  • - un archivo de fuente en formato TTF.


Instrucciones


1


Para usar un conjunto de fuentes instaladas en la computadora, puede usar el parámetro de familia de fuentes de las hojas de estilos en cascada. Para hacer esto, ingrese el siguiente código para el artículo deseado:

Texto

Este comando mostrará el encabezado del segundo nivel h2 con el texto de los auriculares Arial.


2


Si quieres usar tu propia fuente,primero debe cargarse en el alojamiento y habilitarse con el comando apropiado. Los archivos TTF se incluyen con el siguiente comando: @ font-face {font-family: font; src: url (font.ttf); } El atributo font-family en este caso especifica el nombre de los auriculares de fuentes, y src: url (font.ttf) especifica la ruta al archivo TTF.


3


Después de habilitar un elemento, puede usarlo para mostrar el texto:

Texto

Este comando es responsable de la salida de la requeridafont font italic en el encabezado del segundo nivel. Si el navegador del usuario no admite el procesamiento de los archivos TTF, se utilizará la fuente del sistema (en este caso Verdana) especificada después de la primera coma.


4


Algunos navegadores no son compatibles con descargablesTTF. Por ejemplo, Internet Explorer 8 usa el formato EOT para mostrar texto. Para tales navegadores, convierta el TTF original utilizando múltiples servicios e incluya los auriculares recibidos en la opción @ font-face de la misma manera.


5


Si desea importar el archivo que necesita de otro recurso, use el comando @import que necesita para escribir en la parte superior del documento CSS: @import url (http: // font address)