La fuente es un elemento importante del dise o y puede afectar significativamente la percepci n del texto. Si usted es un principiante y quiere aprender a cambiar los par metros de fuente, entonces usted tiene varias maneras de lograr el resultado deseado.
Usando CSS
CSS (Cascading Style Sheets) es un lenguaje de estilo que le permite definir el aspecto y el formato de los elementos de una p gina web. Para cambiar la configuraci n de fuente con CSS, debe conocer algunas reglas b sicas.
1. Definici n del valor de la fuente
Para cambiar el Tama o de fuente, puede usar la propiedad font-size. Por ejemplo, para aumentar el Tama o de fuente a 18px, establezca font-size en 18px. Tambi n puede usar otras unidades de medida como em y %.
}
p {
Ejemplo:
}
- 4. Cambiar el tipo de fuente
- Para cambiar el tipo de fuente, use la propiedad font-family. Establezca el valor de la propiedad en el nombre de la fuente deseada, como Arial o Times New Roman. Si no tiene la fuente correcta en la computadora, puede usar Fuentes de servicios web como Google Fonts.
- Ejemplo:
- ```css
- p {
font-family: Arial, sans-serif;
}
Ahora que conoce los conceptos b sicos de cambiar los par metros de fuente con CSS, puede comenzar a experimentar y crear estilos nicos para sus p ginas web.
Cambiar la configuraci n de fuente: comenzar a hacerlo bien
- .Paso 1. Abra el archivo de c digo deseado
Paso 2. Busque una secci n con opciones de fuente
| Paso 3. Cambie los valores de los par metros |
Cambiar la configuraci n de fuente: comenzar a hacerlo bien |
En esta gu a, veremos las opciones b sicas con las que puede cambiar la fuente en su sitio web.
body. , Arial, , 16 , #333 , body.font-family: esta opci n le permite elegir una fuente para su texto. Puede usar palabras clave como "Arial", "Verdana", "Helvetica"o especificar una ruta de fuente espec fica, por ejemplo:" font-family: 'Times New Roman', Times, serif;".
font-size: esta opci n le permite especificar el Tama o de fuente. Puede usar unidades de medida relativas o absolutas como "px", "em" o "rem". Por ejemplo: "font-size: 16px;"o" font-size: 1.2 em;".
font-weight: esta opci n le permite especificar la saturaci n de la fuente. Puede usar palabras clave como" normal"," negrita "o valores num ricos como" 400 "o"700". Por ejemplo:" font-weight: bold; "o"font-weight: 700;".
| font-style: esta opci n le permite especificar el estilo de fuente. Puede usar palabras clave como" normal"," italic "u"oblique". Por ejemplo:" font-style: italic; "u"font-style: oblique;". | text-decoration: esta opci n le permite definir un estilo de subrayado, tachado o l nea en la parte superior del texto. Puede usar palabras clave como" none"," underline "o"line-through". Por ejemplo: "text-decoration :underline;"o" text-decoration: line-through;". |
|---|---|
Con estas opciones, puede crear un estilo nico para su texto y lograr el efecto deseado. Recuerde que la elecci n correcta de la fuente y sus par metros mejorar la legibilidad y la singularidad de su contenido. | Ahora que conoce las opciones b sicas de la fuente, puede comenzar a experimentar y personalizarla seg n sus necesidades. Buena suerte en la creaci n! |
Paso 1. Abra el archivo de c digo deseado
| Antes de comenzar a cambiar la configuraci n de fuente de su sitio, debe abrir un archivo con el c digo en el que se definen las opciones de fuente. Este archivo puede estar ubicado en su computadora o en un servidor web. | Puede utilizar cualquier Editor de texto para abrir el archivo de c digo. Algunos editores populares que los desarrolladores utilizan a menudo incluyen Sublime Text, Visual Studio Code, Atom, Notepad++ y otros. |
|---|---|
Si el archivo de c digo est alojado en un servidor web, puede usar un cliente FTP para acceder a los archivos y abrir el archivo de c digo deseado. | Una vez que haya abierto el archivo de c digo, puede comenzar a configurar las opciones de fuente para su sitio. |
Paso 2. Busque una secci n con opciones de fuente
| Para cambiar las opciones de fuente en su p gina web, debe encontrar la secci n de c digo responsable de esas opciones. Por lo general, dicha secci n se encuentra en un archivo CSS o dentro de una etiqueta | Si est utilizando un archivo CSS, abra el archivo con un Editor de texto y busque la secci n responsable de las opciones de fuente. Por lo general, se ve como un bloque con instrucciones que comienzan con un selector y que incluyen la propiedad font. |
|---|---|
Si est cambiando la configuraci n de fuente directamente en la p gina web, busque la etiqueta | C digo de ejemplo: |
| En el ejemplo anterior, la secci n con opciones de fuente est dentro de la etiqueta | |
|---|---|
Paso 3. Cambie los valores de los par metros | Ahora que conoce las opciones b sicas de fuente, puede cambiar sus valores para crear el tipo de texto deseado en su p gina web. |