Cómo cambiar la Fuente de los textos en SwiftUI

SwiftUI permite cambiar de manera sencilla la Fuente usada en los Textos que mostramos en nuestras Apps

Por defecto, cuando colocamos un Texto en nuestra App, SwiftUI la muestra con la Fuente predefinida del Sistema.

Si queremos utilizar una Fuente distinta, recurriremos al Modificador font.

Indicaremos el nombre de la fuente y el tamaño:

Text("Hello, world!")
     .font(.custom("Courier", size: 35))

Para esta definición de font se nos indica "size that scales with the body text style", lo que significa que cambiará de tamaño según cambie el estilo predefinido body de acuerdo con las Preferencias del Sistema que tenga establecido el usuario.

Si queremos que el tamaño permanezca fijo independientemente de las Preferencias del Sistema, utilizaremos la siguiente configuración de font:

Text("Hello, world!")
     .font(.custom("Courier", fixedSize: 35))

No se pueden utilizar todas las Fuentes que tenemos en nuestro ordenador. Sólo funcionará con aquellas Fuentes que están instaladas en todos los dispositivos, aunque es posible instalar fuentes personalizadas en nuestra App.

Cómo saber el nombre de las Fuentes

Abrimos la Búsqueda Spotlight y buscamos "font book"

En esta aplicación podemos ver el listado de fuentes intaladas en nuestro equipo.

Más Contenidos de esta Sección

El Modificador padding en SwiftUI

El Modificador padding en SwiftUI

Nos permite agregar un margen entre el Texto y la caja que lo contiene, de forma que no quede pegado a los bordes

Espaciado de Líneas de Texto en SwiftUI

Espaciado de Líneas de Texto en SwiftUI

El Modificador lineSpacing nos permite definir la separación entre líneas de texto

Modo de Truncamiento en SwiftUI

Modo de Truncamiento en SwiftUI

Cuando tenemos limitado el número de líneas a mostrar, utilizaremos el Modificador truncationMode para establecer como se truncará el texto

Limitar el Número de Líneas en SwiftUI

Limitar el Número de Líneas en SwiftUI

Con el Modificador lineLimit de SwiftUI establecemos el número de líneas de texto a mostrar en caso de tener un texto que ocupa varias líneas

Alineación de Textos Multi-línea en SwiftUI

Alineación de Textos Multi-línea en SwiftUI

SwiftUI pone a nuestra disposición el Modificador multilineTextAlignment para alinear los Textos cuando tenemos varias líneas

Cómo cambiar el color de los textos en SwiftUI con el Modificador foregroundColor

Cómo cambiar el color de los textos en SwiftUI con el Modificador foregroundColor

El Modificador foregroundColor nos permite cambiar el color de los Textos generados con SwiftUI

Cómo cambiar la apariencia de los textos en SwiftUI con el Modificador font

Cómo cambiar la apariencia de los textos en SwiftUI con el Modificador font

El Modificador font nos permite cambiar distintas propiedades que afectan a la apariencia de los Textos en SwiftUI

Cómo cambiar el Grosor de los Textos con SwiftUI (fontWeight)

Cómo cambiar el Grosor de los Textos con SwiftUI (fontWeight)

Veamos el Modificador que nos permite cambiar el Grosor de los Textos

Cómo cambiar el Estilo de los Textos con SwiftUI

Cómo cambiar el Estilo de los Textos con SwiftUI

Podemos modificar la apariencia de los Textos creados con SwiftUi editando sus Propiedades. De esta manera definimos el Estilo de los Textos de nuestra App

Nuestro primer Texto con SwiftUI (Text)

Nuestro primer Texto con SwiftUI (Text)

Vamos a comprobar como SwiftUI hace que sea muy sencillo trabajar con los Textos de la Interfaz Gráfica de nuestra App

Introducción al trabajo con Textos con SwiftUI

Introducción al trabajo con Textos con SwiftUI

Veamos una primera aproximación conceptual a los Textos cuando utilizamos SwiftUI para generar las Interfaces Gráficas de nuestras Apps

Desarrollo iOS | Interfaz de Usuario | Herramientas | Ciencias de la Computación | Mundo Apple | Recursos Externos | Fundamentos de Programación | Miscelánea |

© Swift, SwiftUI, UIKit, Xcode, iOS, iPadOS, watchOS, tvOS, macOS, Mac, iPhone, iPad, Safari, App Store, Apple y sus correspondientes Logotipos son marcas registradas de Apple Inc.

Profile images of content from Pixabay. You can see the Authors List.