La fuente San Francisco se introdujo en noviembre de 2014 y se ha utilizado como fuente predeterminada en las apps de iOS. ¿Qué ocurre si encuentras una fuente de código abierto en Google Fonts (https://fonts.google.com) y quieres usarla en tu app en Swift? ¿Cómo?
Xcode ha facilitado enormemente el uso de fuentes personalizadas para los desarrolladores. Solo necesitas añadir los archivos de la fuente personalizada a tu proyecto de Xcode. Por ejemplo, si prefieres usar la fuente Roboto en tu app, puedes ir a https://fonts.google.com/specimen/Roboto. Haz clic en Get font para descargar los archivos.
Una vez tengas la fuente que más te guste descargada, vamos a añadir las fuentes a Xcode. En nuestro caso, en este ejemplo, seleccionaremos dos archivos: Roboto-Bold.ttf y Roboto-ExtraBold.ttf y los añadiremos a nuestro proyecto en Xcode arrastrandolos.
Una vez añadas los ficheros a Xcode, te saldrá el dialogo que puedes ver en la siguiente imagen:
Asegurate que seleccionas la opción Copy files to destination en el dialogo que se presenta en Xcode una vez arrastramos las fuentes a nuestro proyecto.
Al pulsar Finish, los archivos de fuentes aparecerán en el navegador del proyecto. Para garantizar que la aplicación pueda usarlos, manten pulsada la tecla Command para seleccionarlos todos.
Por último, necesitamos agregar una nueva clave llamada Fonts provided by application en el archivo Info.plist. Este archivo es un archivo de configuración para tu proyecto de Xcode. Para usar los archivos de fuentes personalizados, debes registrarlos en la configuración.
Por defecto, Xcode no muestra el archivo Info.plist en el navegador de proyectos. Debes hacer clic en tu proyecto y seleccionar el destino. Luego, selecciona la pestaña Info para ver las propiedades personalizadas del destino iOS.
A continuación, coloca el cursor sobre el nombre del Bundle y verás un botón +. Haz clic en él para agregar una nueva clave. Establece el nombre de la clave en Fonts provided by application y completa el valor del elemento 0 en Roboto-Bold.ttf. Luego, haz clic en el botón + para agregar otro elemento. Establece el valor del elemento 1 en Roboto-ExtraBold.ttf.
Este es el proceso para instalar fuentes personalizadas en Xcode.
Para poder usar la fuente en Xcode basta con escribir el siguiente código:
.font(.custom("Roboto-Bold", size: 25))En nuestro ejemplo, usando la fuente Roboto, el resultado para nuestra app iOS sería el siguiente:
Si tienes cualquier duda sobre este artículo, contacta conmigo y estaré encantado de ayudarte 🙂. Puedes contactar conmigo en mi perfil de X o en mi perfil de Instagram.
