With UXPin’s wide selection of different fonts typography is not a challenge anymore. However, we believe that sometimes it’s the personal touch which makes a truly professional design – this is why UXPin now offers you a possibility to upload your own custom fonts.
Add your custom fonts
Let’s start from uploading your company fonts into UXPin, so you’ll be able to take advantage of them while prototyping. A library full of your own fonts is just a few clicks away!
First, select a text element on the canvas and open the Font Management dialog box in the Typography section.
Each section corresponds to a different selection of fonts – if you want to add a new font, choose “Uploaded” section and then click “Upload your own font” option.
Now you just need to name your font, choose a style from the list and upload the appropriate .woff file to the app!
Please note to check the box to confirm that you have all the legal rights to use the font in your designs. Then click “Add font” button to complete the process.
You can of course choose multiple styles and upload all of them in one go.
Edit and remove your fonts
It may happen that after uploading a new custom font, you’ll want to adjust it even further. Nothing easier!
Just open the “Uploaded” section in the Font Management dialog box and choose “Edit” option in the top left corner of an uploaded font.
Here you’ll be able to change the name of the whole font and of the specific styles. Please note that those changes will affect all the elements edited with a given font – they’ll be automatically displayed with a different font or the most similar style of the custom font used.
If you want to remove a specific style of a font, it’s enough to click the “Remove font style” icon visible next to the style’s name.
However, if you’d like to delete the whole font, just hover over the icon in the left top corner and choose “Remove” option.
Share your fonts with the team
In UXPin we understand how important it is for design teams to keep track of all the changes made in the prototype. So what happens when your colleague removes the custom font or one of its styles from the account? In such case, we’ll automatically update all the text elements where the font was used – those elements will be displayed as Arial font, if the whole font was removed, or as the most similar style of the font if the actual one is deleted.
You’ll also see a proper notification for each page, so you’ll be able to locate all the affected elements easily.
What if the font is uploaded again after a while? If you didn’t edit those text elements, they’ll be automatically displayed properly again! That’s the magic!