--- title: How to adjust the typography? | BuilderDuck description: Adjust the typography --- [Skip to content](https://help.rentlysoft.com/en/how-to-adjust-the-typography-builderduck#main-content) - [English](https://help.rentlysoft.com/en/how-to-adjust-the-typography-builderduck) - [Español](https://help.rentlysoft.com/cómo-cambiar-la-tipografía-builderduck) - [Português - Brasil](https://help.rentlysoft.com/pt-br/cómo-cambiar-la-tipografía-builderduck) English Show submenu for translations ![rently .jpg\]](https://help.rentlysoft.com/hs-fs/hubfs/rently%20.jpg?height=40&name=rently%20.jpg) Open main navigation Close main navigation - - [English](https://help.rentlysoft.com/en/how-to-adjust-the-typography-builderduck) - [Español](https://help.rentlysoft.com/cómo-cambiar-la-tipografía-builderduck) - [Português - Brasil](https://help.rentlysoft.com/pt-br/cómo-cambiar-la-tipografía-builderduck) English Show submenu for translations - Go to rentlysoft.com Go to rentlysoft.com All the solutions in one click! - There are no suggestions because the search field is empty. 1. [Rently Help Desk](https://help.rentlysoft.com/en?hsLang=en) 2. [BuilderDuck](https://help.rentlysoft.com/en/builderduck?hsLang=en) 3. [Set up your company branding](https://help.rentlysoft.com/en/builderduck?hsLang=en#set-up-your-company-branding) # How to adjust the typography? | BuilderDuck ## Adjust the typography By default, 'Roboto' is set as the default typography. But you can change it. To do it, go to 'Pages' in the sidebar and select 'Themes.' [![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc1126122524940856370245925498705bf15273bBuilderDuck.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261225249/40856370245925498705bf15273b/BuilderDuck.png?expires=1737047700&signature=1270a4825bfa6f38e9f312fbfab590421a382e5454cb0e1dadb7efc510cadb01&req=dSIhF8t8mINbUPMW1HO4zVuJQ2vvCOQ2EA%2BGzyahDHRs%2FeLjlbGRLsQdZBKV%0AXGPurgzrxeKpJqfOLws%3D%0A) Navigate to the 'Typography' section and open the dropdown menu. You'll see 'Roboto' set as the default font. To change it, click 'Add Font' and open the dropdown menu to select a different font. [![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11261225250958ffff1fb56cd4dd36aa409d990BuilderDuck-287-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261225250/958ffff1fb56cd4dd36aa409d990/BuilderDuck-287-29.png?expires=1737047700&signature=6df46c91da61dca85e6f4bcb7587780c25a1c56b25ccef203e39dabb11da82f1&req=dSIhF8t8mINaWfMW1HO4zZ62HYKHZMy3njYg4%2FZwJxBBV%2FlQ5sS%2BL%2F0Hlv6x%0A1kWjQtSvL5%2FSvhnotV0%3D%0A) This new font will be automatically set as the default, but you can deselect it by turning it off. If you want to add a font that is not available in the dropdown menu, click on '+Google Font' below the 'Add New Font' field. [![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc112612252473e2461fc6c71c4f119c8ae633a0fBuilderDuck-289-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261225247/3e2461fc6c71c4f119c8ae633a0f/BuilderDuck-289-29.png?expires=1737047700&signature=8208105c28a7d55b14d83268058af59a39ffaee8afc69d63a072a2e5f6d87b42&req=dSIhF8t8mINbXvMW1HO4zSkmKmOBtbC5js1kRi2vsKfZsYj5s3dRCIpM%2FSmy%0AwmBxHGUXFE6XkNgRe0c%3D%0A) You will be redirect to Google Fonts. There, search it in the search bar and press Get Font. [![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11261225248b19c0fef418b79638b0e30b40166BuilderDuck-2810-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261225248/b19c0fef418b79638b0e30b40166/BuilderDuck-2810-29.png?expires=1737047700&signature=0ea25750f2feb530d89c89dc509b89b022cc922e2c5df05e742a4862b59f0d86&req=dSIhF8t8mINbUfMW1HO4zbZV2lsuStZXVl3Dcu2mdqExjIXnRByk3ketP6ql%0AlSam0EjkYSLqE1zYAag%3D%0A) On the next page, click 'Get Embed Code.' In the first section, copy the URL starting with https://. [![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc112612252574d5e7a58dbfea58bb011fab67cbbBuilderDuck-2811-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261225257/4d5e7a58dbfea58bb011fab67cbb/BuilderDuck-2811-29.png?expires=1737047700&signature=ea1bb93003546a69041994a7fd37d22412cd0040c321489634274cfc3f39d048&req=dSIhF8t8mINaXvMW1HO4zYnn42Ke7PZ5vDygMgU4f4P1yEPswBqBU7XvITta%0A2uiA1Snuqcy8X%2FqhaSg%3D%0A) Return to BuilderDuck and paste the link. You can also add the font name to easily recognize it. [![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc112612252564589625dc0faf09156d1da5c3462BuilderDuck-2813-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261225256/4589625dc0faf09156d1da5c3462/BuilderDuck-2813-29.png?expires=1737047700&signature=0b2e2cdf9b0fb22e334408822fbbb2462fe0b28035b0397a996d7581229eb21f&req=dSIhF8t8mINaX%2FMW1HO4zdjZ%2BtYSf8Jh8CJnIdz1Ap1JYkW18la1iIzIRN%2Fg%0AFp35FmPaU850M63AqDw%3D%0A) 💡You can add as many fonts as you need. Below, in the 'Font Styles' section, you can choose which font will be applied to each [heading tag](https://www.conductor.com/academy/headings/) on your webpage. To do it, open the dropdown menu. You will find the different tags. There, select the font family. [![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc1126122925842718532d30b932313c66621fabcBuilderDuck-2814-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261229258/42718532d30b932313c66621fabc/BuilderDuck-2814-29.png?expires=1737047700&signature=6d0afcf1979cb577e44791687709435fb7f90ede0052ff9278ae91474b686010&req=dSIhF8t8lINaUfMW1HO4ze7xsF377uEvmmRsSmos1NpBPf439I5MbGpbwE%2Fl%0AGH8Lm8agApf9fx8Dk8g%3D%0A) Next to it, you can choose the font weight, which controls the thickness of the text, with options such as normal, bold, or custom values. In the 'Font Style' dropdown, you can also select whether the heading will be normal, italic, or oblique. Additionally, you can decide if you want to transform the text to uppercase or lowercase. In the fields below, you can set the font size (in px), change the color (by entering a hex code or selecting from the color picker), adjust the line height (in px), and modify the letter spacing (in px). [![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11261229256edb9add743853038982702829b95BuilderDuck-2815-29.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1261229256/edb9add743853038982702829b95/BuilderDuck-2815-29.png?expires=1737047700&signature=f9263d040ad7fef901cfecde0a434b6926d61269c7ae7eb6787713ade8ca207e&req=dSIhF8t8lINaX%2FMW1HO4zacxZXq4Nf2%2B0emItvHn4zniTr47gqchfitTzpkq%0Ay5g7eEwpiMSdH00ic%2Bc%3D%0A) Repeat the process until the customization fits your brand's needs. Finally, scroll up and press 'Save Changes' You will see the changes reflected on your webpage. ❗**Open your webpage** **to view the changes.** If a tab is already open, close it and open it again. Refreshing the page won’t update the change. ### **Recommendations:** ### **Recommended Minimum Font Sizes** **Body text:** - **16px** is the standard minimum recommended size. **Headings:** - **H1**: 32px or larger. - **H2**: 24-28px. - **H3**: 20-24px. - **H4-H6**: 16-20px. **Buttons or interactive links:** - **16px** minimum to ensure accessibility. **Text on mobile devices:** - Keep **16px** or larger to prevent users from needing to zoom. ### **Other Considerations** - **Accessibility:** - Use clear, well-spaced typography, and ensure the contrast between text and background is adequate (comply with WCAG, level AA or AAA). - **Line height:** - Use a ratio of **1.4 to 1.6 times the font size** to prevent the text from feeling cramped. - [RentlySoft](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#main-content) - [SYSTEM CONFIGURATION](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#system-configuration) - [USERS](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#users) - [ROLES](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#roles) - [GENERAL CONFIGURATION](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#general-configuration) - [BRANCH OFFICES](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#branch-offices) - [CARS](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#cars) - [BOOKINGS](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#bookings) - [CASH REGISTER](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#cash-register) - [ADDITIONALS](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#additionals) - [RATES](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#rates) - [TEMPLATES](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#templates) - [CUSTOMERS](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#customers) - [MAINTENANCE SERVICES](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#maintenance-services) - [REPORTS](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#reports) - [TAXES](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#taxes) - [FINES](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#fines) - [USE OF THE SOFTWARE](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#use-of-the-software) - [PAYMENTS](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#payments) - [OVERSOLD](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#oversold) - [AUTOMATIC NOTIFICATIONS](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#automatic-notifications) - [INCIDENT MANAGEMENT](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#incident-management) - [SECURITY](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#security) - [AXLE](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#axle) - [Agency Settlement](https://help.rentlysoft.com/en/rentlysoft?hsLang=en#agency-settlement) - [BuilderDuck](https://help.rentlysoft.com/en/builderduck?hsLang=en#main-content) - [First steps](https://help.rentlysoft.com/en/builderduck?hsLang=en#first-steps) - [Set up your company branding](https://help.rentlysoft.com/en/builderduck?hsLang=en#set-up-your-company-branding) - [Customize your page](https://help.rentlysoft.com/en/builderduck?hsLang=en#customize-your-page) - [SEO](https://help.rentlysoft.com/en/builderduck?hsLang=en#seo) - [Booking and Checkout Pages Configuration](https://help.rentlysoft.com/en/builderduck?hsLang=en#booking-and-checkout-pages-configuration) - [Blog](https://help.rentlysoft.com/en/builderduck?hsLang=en#blog) - [Advanced settings](https://help.rentlysoft.com/en/builderduck?hsLang=en#advanced-settings) - [File Manager](https://help.rentlysoft.com/en/builderduck?hsLang=en#file-manager) - [App In & Out](https://help.rentlysoft.com/en/app-in-out?hsLang=en#main-content) - [Configuration](https://help.rentlysoft.com/en/app-in-out?hsLang=en#configuration) - [Integrations - Brokers](https://help.rentlysoft.com/en/integrations-brokers?hsLang=en) - [Web Site](https://help.rentlysoft.com/en/web-site?hsLang=en#main-content) - [PAYMENT SYSTEMS](https://help.rentlysoft.com/en/web-site?hsLang=en#payment-systems) - [promocion](https://help.rentlysoft.com/en/web-site?hsLang=en#promocion) - [Genius](https://help.rentlysoft.com/en/genius?hsLang=en) [![Rently](https://help.rentlysoft.com/hubfs/rently%20logo.svg "Rently")](http://www.rentlysoft.com) Help desk rentlysoft.com Copyright © 2026, Rently Software LLC