Tamaño de fuente de markdown
En este tutorial, descubrirá el uso de HTML en Markdown para cambiar las fuentes de texto/párrafo.
Ejemplo # 1: Cambiar el tamaño de fuente de todo el texto en Markdown
La modificación del tamaño de fuente del texto en Markdown se puede hacer utilizando las etiquetas HTML. En este caso, crearemos algunos textos de muestra y cambiaremos sus tamaños de fuente a diferentes variaciones.
El software que estamos utilizando, para la creación de scripts de ejemplo, es Visual Studio Code. Se inicia la herramienta y el tipo de archivo se selecciona como "Markdown". Luego, abrimos la ventana de vista previa donde veremos el resultado de la entrada correspondiente. Esto dividirá la ventana en dos porciones: la pantalla de entrada y la pantalla de vista previa.
Ahora, comenzaremos con el guión. En el archivo de Markdown, primero hemos agregado un encabezado. Para agregar un encabezado se usa el símbolo hash (#). El símbolo de hash único se refiere al encabezado H1. Después del símbolo hash, se debe dar un espacio. Si no, mostrará el texto como una cadena regular. El texto que hemos especificado para el encabezado es "Guía de cambio de tamaño de fuente de markdown". Una mejor práctica es dejar una línea vacía antes de agregar un encabezado.
Después de especificar el título del documento, luego pasaremos a la configuración del tamaño de la fuente. Para trabajar con las fuentes en Markdown, tenemos que agregar las etiquetas HTML. La etiqueta HTML que vamos a usar es "tamaño de fuente" envuelta en etiquetas "". Con el igual (=) como operador de asignación para asignar el tamaño en los números. Cualquiera que sea el número suministrado para el tamaño se escribirá en comillas. Esta es la etiqueta de apertura que debe cerrarse después de nuestro texto. Entonces, para cerrar la etiqueta, tenemos que agregar una barra de retroceso (/) antes del nombre de la etiqueta que en nuestro caso es "".
Entre las etiquetas de apertura y cierre, inscribe el texto cuyo tamaño de fuente desea cambiar de un tamaño particular. Entonces, para escribir una cadena de texto con el tamaño de fuente más pequeño, tenemos que escribirla como "". Luego, la cadena de texto que hemos agregado es "Estamos configurando el tamaño 1 para este texto, que es el tamaño de fuente más pequeño" y el cierre de la etiqueta como "".
Cuando escribimos el script anterior en el archivo de Markdown, la ventana de vista previa nos mostró el resultado correspondiente que se da en la imagen a continuación donde puede ver un encabezado. Debajo de él, una cadena de texto con el tamaño de fuente más pequeño.
Del mismo modo, podemos aplicar más variaciones de tamaño utilizando la etiqueta de fuente HTML en Markdown. Veamos algunos de los otros tamaños de fuentes que podemos usar en Markdown.
Hemos especificado el tamaño de fuente esta vez como "2" en las etiquetas de fuentes HTML. Escribimos una declaración "** Ahora estamos agregando un texto en negrita en una cadena con el tamaño de la fuente 2 **". Es posible que haya observado que hemos agregado dos asteriscos (**) antes de la cadena de texto y dos asteriscos después del texto que son los delimitadores. Los dos asteriscos en Markdown se agregan a Bold cualquier texto. Además de cambiar el tamaño de fuente, también estamos haciendo que toda la cuerda sea en negrita.
La imagen de salida muestra una cadena de texto debajo del encabezado con el tamaño de la fuente 2 y se hace en negrita.
El texto con el tamaño 3 de la fuente es más grande que el tamaño de la fuente 2. Además, hemos en cursiva la cadena de texto agregando los guiones (_) antes y después de la cadena de texto. Primero, agregue la etiqueta HTML "" y luego inserte el guión (_). Después de eso, se escribe la cadena de texto. El guión se coloca después de la cadena y la etiqueta de fuente se cierra después.
Así es como se ve la cadena de texto cuando aplicamos la fuente del tamaño 3 y lo hacemos en cursiva.
El tamaño de fuente se puede cambiar para satisfacer sus necesidades. El soporte máximo de marcado de tamaño de fuente es el "7". Después de eso, cualquier número que suministre para el tamaño de fuente, mostrará el texto en el tamaño de la fuente 7.
Hemos establecido el tamaño de fuente "7" para una cadena ("Este es el tamaño de la fuente 7" para tener una idea de lo que exhibe exactamente el tamaño del tamaño).
El texto con el tamaño de fuente máxima compatible se proporciona en la instantánea a continuación.
Ejemplo # 2: Cambiar el tamaño de fuente de un bloque de texto en Markdown
Hemos aprendido en la ilustración anterior para cambiar el tamaño de fuente de un párrafo completo o línea de texto. Otra práctica que podemos aplicar aquí es cambiar el tamaño de fuente de una pieza específica de texto en lugar de todo el párrafo para que sea más visible para el ojo o para enfatizarlo para algún propósito importante. Además, exploraremos cambiar el color para bits de texto específicos en la cadena.
Para la implementación del script, hemos creado un párrafo en el archivo de markdown. Ahora, seleccionaremos una parte de este párrafo y aplicaremos los cambios en el tamaño de la fuente.
Para establecer el tamaño de la fuente, hemos elegido el bit de un texto que es "Cadena de texto de ejemplo". Ahora para cambiar el tamaño de fuente, este texto se escribirá entre las etiquetas de tamaño de fuente HTML. El tamaño de fuente que hemos establecido para estas tres palabras es "4". El texto envuelto en estas etiquetas aparecerá más grande y el texto antes y después de estas etiquetas se mostrará como texto normal.
Aquí, puede ver que el bit de texto "Cadena de texto de ejemplo" tiene un tamaño de fuente más grande que el resto del párrafo.
El texto del párrafo se muestra con el tamaño de fuente predeterminado. Podemos cambiarlo también aplicando una etiqueta de fuente para todo el párrafo, así como para algunas palabras específicas en ese párrafo. Por ejemplo, hemos cambiado el tamaño de fuente para todo el párrafo a "3" y para un poco de texto lo hemos establecido en "5". Esto se puede hacer usando las dos etiquetas de fuentes HTML; uno para todo el párrafo y el otro para el texto dentro del mismo párrafo.
Aquí está el párrafo de salida.
Ahora, para agregar más detalles a este párrafo, cambiaremos el color de una palabra, lo haremos audaz y también en cursiva algún texto.
Para cambiar el color, hemos usado la etiqueta HTML "SPAN". En la etiqueta del tramo, usaremos el atributo "estilo" y le asignaremos el color. Entonces, lo escribimos como "". Para cerrar esta etiqueta, solo agregue una barra de inalcanzación con SPAN como "". Para hacer el texto en negrita en Markdown, se usa el delimitador de doble asteriscos (**). Para la cursiva, se aplica el guión de texto (_) y para aplicar ambos juntos usan triples asteriscos.
La ventana de vista previa nos ofrece un párrafo en el que los bits de texto tienen un tamaño diferente, la palabra "texto" está en color amarillo y se hace audaz y en cursiva. En la segunda línea también se enfatiza la palabra "diferente".
Conclusión
Cambiar los tamaños de fuente en Markdown se puede hacer empleando etiquetas HTML y especificando el número para la fuente. Tanto el texto completo como una sección específica pueden tener su tamaño de fuente alterado. Ambas técnicas han sido discutidas y elaboradas en este artículo aplicando prácticamente la metodología en Markdown. También hemos utilizado la etiqueta "Span" de HTML para cambiar el color del bit de texto especificado. Además, el método para hacer que el texto sea audaz y cursiva se ejerce en este tutorial.