Title: Custom Fonts – Host Your Fonts Locally Author: Brainstorm Force Published: 12 d'agost de 2017 Last modified: 19 de gener de 2026 --- Cerca extensions ![](https://ps.w.org/custom-fonts/assets/banner-772x250.png?rev=3001076) ![](https://ps.w.org/custom-fonts/assets/icon-256x256.gif?rev=3001076) # Custom Fonts – Host Your Fonts Locally Per [Brainstorm Force](https://profiles.wordpress.org/brainstormforce/) [Baixa](https://downloads.wordpress.org/plugin/custom-fonts.2.1.17.zip) * [Detalls](https://ca.wordpress.org/plugins/custom-fonts/#description) * [Ressenyes](https://ca.wordpress.org/plugins/custom-fonts/#reviews) * [Instal·lació](https://ca.wordpress.org/plugins/custom-fonts/#installation) * [Desenvolupament](https://ca.wordpress.org/plugins/custom-fonts/#developers) [Suport](https://wordpress.org/support/plugin/custom-fonts/) ## Descripció **HOST FONTS, IMPROVE WEBSITE SPEED, AND ELIMINATE PRIVACY CONCERNS** ★★★★★ ### IMPROVED SPEED AND PERFORMANCE 🚀 Custom Fonts enables you to upload your own custom fonts or choose from a vast collection of Google Fonts, all hosted directly on your own web server. By hosting fonts locally, you can significantly improve your website’s performance. As the fonts load directly from your server, it reduces external requests, significantly reducing page load times. [Try it out on a free dummy site](https://bsf.io/custom-fonts-demo) ### UPLOAD YOUR CUSTOM FONTS OR CHOOSE FROM GOOGLE FONTS 🎨 With Custom Fonts, you have the freedom to customize your website typography to match your unique brand identity! You can easily upload your own custom font files, such as .ttf or .otf, and use them throughout your website. Or, you can choose from a rich library of Google Fonts and host them locally on your server, ensuring full control over their use. ### UPLOAD MULTIPLE FONT VARIANTS 🆒 You have the flexibility to upload any number of font variants to suit your design needs. Whether it’s different weights, styles, or character sets, easily manage and customize the necessary font variants. Personalize your typography to perfection and create a unique visual identity for your website. ### ENHANCED PRIVACY AND GDPR COMPLIANCE 🛡️ Privacy is a top priority, especially in light of data protection regulations like GDPR. By using Custom Fonts, you can self-host your fonts, eliminating any privacy concerns associated with external font services. Take full control over the fonts you use on your website and ensure compliance with privacy regulations. ### FULL SITE EDITING THEME SUPPORT AND EASY INTEGRATION 🎉 Custom Fonts seamlessly integrates with WordPress full site editing themes, allowing you to effortlessly choose and customize fonts across your entire website. Say goodbye to limitations and enjoy the freedom to create a consistent and visually appealing typography experience for visitors. ### BEAUTIFUL AND USER-FRIENDLY INTERFACE MADE WITH REACT JS 💻 We take pride in providing an elegant and intuitive user interface for Custom Fonts. Built with React JS, our interface offers a seamless experience, making it easy to upload and manage custom fonts, select from Google Fonts, and customize typography settings to suit your needs. ### COMPLETELY FREE, NO UPSELLS OR HIDDEN COSTS 🆓 Custom Fonts is completely free, with no upsells or hidden costs. We believe in empowering website owners with essential tools without nickel-and-diming. Enjoy full access to all the features and functionality of Custom Fonts. ### WHO CAN BENEFIT FROM CUSTOM FONTS? 1. **Web designers and developers:** You can easily enhance the typography and overall design of your projects, making them stand out from the crowd. 2. **eCommerce store owners:** Custom fonts can enhance your brand identity and provide a distinctive visual style for product descriptions, banners, and more. Hosting fonts locally with Custom Fonts improves website performance, benefiting you and your consumers. 3. **Bloggers and content creators:** Make your content truly pop. Stand out from the crowd and captivate your audience with Custom Fonts. 4. **SEO experts:** You can now boost page speed by hosting fonts locally with Custom Fonts. Fewer external requests means faster loading times! Plus, you ensure compliance with privacy regulations. Custom Fonts caters to anyone who values the customization of typography, performance optimization, privacy control, and compliance with regulations. If you want to take control of your website’s typography and enhance its overall appearance, Custom Fonts is the plugin for you! ### SOME OF THE SUPPORTED WORDPRESS THEMES: * [Astra WordPress Theme](http://wpastra.com/) * [Spectra One Theme](https://wordpress.org/themes/spectra-one/) * All FSE themes ### SOME OF THE SUPPORTED WORDPRESS PLUGINS: * Spectra Page Builder * Elementor Page Builder **Branding Guidelines** When mentioning Custom Fonts, please use the following format: * Custom Fonts [correct] * CustomFonts [incorrect] * Custom fonts [incorrect] * CustomFont [incorrect] * Customfont [incorrect] **Our Other Products:** * [Astra](https://wpastra.com/) – The most popular WordPress theme that perfectly integrates with Custom Fonts. * [Spectra](https://wpspectra.com/) – A visual website builder built with WordPress’ native block editor. * [Ultimate Addons for Elementor](https://ultimateelementor.com/) – The best addons to extend Elementor’s capabilities. * [Schema Pro](https://wpschema.com/) – All-in-one schema markup plugin that offers complete functionality and easy configuration. * [ProjectHuddle](https://projecthuddle.com/) – Lets you collect sticky note-style feedback on page designs and web projects. **Other partnered products:** * [CartFlows](https://cartflows.com/) – One-click sales funnel builder for WordPress. * [Presto Player](https://prestoplayer.com/) – Best video player plugin for WordPress. * [SureCart](https://surecart.com/) – A powerful eCommerce platform designed to grow your business by effortlessly selling online. * [SureMembers](https://suremembers.com/) – Fastest and easiest way to protect content on your website and build memberships. * [OttoKit](https://ottokit.com/) – Connects your favorite tools so you can automate workflows and streamline your business processes. * [SureWriter](https://www.surewriter.com/) – AI writing tool to make your web design journey faster. ## Captures * [[ * Add a new font through the Custom Fonts page. * [[ * Configure a local font by adding its title and font files. * [[ * Upload and select a local font file. * [[ * Preview the locally uploaded font. * [[ * Set up a Google font from an extensive collection available. * [[ * View a list of all uploaded fonts. ## Instal·lació 1. Upload the ‘custom-fonts’ folder to the ‘/wp-content/plugins/’ directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress ## PMF ### Can I upload my own custom font files? Absolutely! Custom Fonts allows you to upload your own custom font files, in .ttf or .otf formats and use them on your website. Simply navigate to the plugin settings, upload your font files, and customize your typography using your custom fonts. ### Can I use Google Fonts with Custom Fonts? Yes, Custom Fonts seamlessly integrates with Google Fonts. Browse from an extensive collection of Google fonts and host them locally on your server. Select the perfect font to enhance the visual appeal of your website. ### Does Custom Fonts help improve website performance? Yes! By hosting fonts locally, Custom Fonts can improve your website’s performance. Fonts are loaded directly from your server, reducing external requests and enhancing overall page loading times. ### Is Custom Fonts compliant with privacy regulations like GDPR? Absolutely! Custom Fonts allows you to host fonts locally. This ensures enhanced privacy and compliance with privacy regulations like GDPR. By hosting your own fonts, you eliminate any privacy concerns associated with external font services. ### Does Custom Fonts support WordPress full site editing themes? Yes, Custom Fonts seamlessly integrates with WordPress full site editing themes! ### Is the Custom Fonts Plugin free to use? Yes, Custom Fonts is completely free to use, without any limitation. ## Ressenyes ![](https://secure.gravatar.com/avatar/9558c6b70855a6c9327795bd79a57b5e89e005ac018e7dcc398f5228b519e9fb? s=60&d=retro&r=g) ### 󠀁[Wrong italics approach](https://wordpress.org/support/topic/wrong-italics-approach/)󠁿 [Daniel](https://profiles.wordpress.org/damen02/) 30 de desembre de 2025 4 respostes Sorry to be so late, I missed your last message. I tried the plugin again and now is working as expected. So I changed my rating. Thanks! ![](https://secure.gravatar.com/avatar/25c588d4254d237665f81571ea1aeab3182e28b033d963b39aced99c0252f03b? s=60&d=retro&r=g) ### 󠀁[It seems simple enough, but doesn’t seem to do as advertised.](https://wordpress.org/support/topic/it-seems-simple-enough-but-doesnt-seem-to-do-as-advertised/)󠁿 [pdwalker](https://profiles.wordpress.org/pdwalker/) 8 de febrer de 2025 2 respostes The fonts were easy to upload and define, but I was unable to see the new fonts afterwards. After trying different themes, different options and different settings for an hour, I was unable to make it work. If the plugin really does work, then some explicit instructions from the developer on how to actually make it work would be really helpful. As it ism I cannot use it. ![](https://secure.gravatar.com/avatar/aeada14bd2bd2d6b31450b4ebeb59cc571dd0145df6694cb7dbd4cb4a312991e? s=60&d=retro&r=g) ### 󠀁[Gave up on this one now using another one.](https://wordpress.org/support/topic/gave-up-on-this-one-now-using-another-one/)󠁿 [Nick](https://profiles.wordpress.org/nickjamesillustrator/) 28 de agost de 2024 2 respostes Had the same problem as others on the forum: selected Google fonts aren’t visible in the elementor dropdown box. I disabled all other plugins except Elementor. No joy. The administrators say it works for them. So good luck with that. I also tried downloading the fonts I wanted and uploading them again to Custom Fonts but this caused other problems. Have now dumped Custom Fonts and use another plugin. ![](https://secure.gravatar.com/avatar/532b544918b1e5c9d61e83df1d17ebc6b2f42ea2894a06541315747b5f9a92f3? s=60&d=retro&r=g) ### 󠀁[Italics mess up the entire font and must be uploaded as a a separate font](https://wordpress.org/support/topic/italics-mess-up-the-entire-font-and-must-be-uploaded-as-a-a-separate-font/)󠁿 [annssi](https://profiles.wordpress.org/annssi/) 31 de juliol de 2024 7 respostes Italics are not working. As soon as they are added as a font variant all variants are shown as italics. Thus you need to set-up the italics as a separate font which makes it really cumbersome to use.This problem has been around for over a year and it seems nothing has been done to fix it. Not impressed. 🙁 ![](https://secure.gravatar.com/avatar/d5d85d79f79baba4f5b9a619c51000a67c90c4a228473a9b3d30773859ec200e? s=60&d=retro&r=g) ### 󠀁[Best font management plugin](https://wordpress.org/support/topic/best-font-management-plugin/)󠁿 [skylabb](https://profiles.wordpress.org/skylabb/) 27 de juny de 2024 1 resposta There are probably a dozen of fonts plugins out there with many if not most of them still use Customizer interface. Moving forward with the future of Wordpress, you want the plugin to be compatible with Full Site Editing framework, and this plugin works well with the new framework. ![](https://secure.gravatar.com/avatar/f4751e6794778a1b9e41b24f55686c4a3f3553a8f974273eaf6349ccb6bc92d7? s=60&d=retro&r=g) ### 󠀁[error: custom-fonts/classes/class-bsf-custom-fonts-render.php on line 194](https://wordpress.org/support/topic/error-custom-fonts-classes-class-bsf-custom-fonts-render-php-on-line-194/)󠁿 [revayatejahad](https://profiles.wordpress.org/revayatejahad/) 13 de maig de 2024 3 respostes in lines 194 of following path, there was a problem … In the provided code snippet, the issue was occurring in the remove_custom_font_google_url method. This method is responsible for removing custom fonts from the Google fonts URL array. The problem was with the line: php code: if ( $value[‘font_fallback’] ) { Here, the code was trying to access the font_fallback index of $value directly without ensuring that $value[‘font_fallback’] exists and is not null. This could lead to issues if $value[‘ font_fallback’] is not set. To fix this, I made the following changes: I added a check to see if $value[‘font_fallback’] exists and is not null using isset(): php code: if ( isset( $value[‘font_fallback’] ) && $value[‘font_fallback’] ) { If $value[‘ font_fallback’] exists and is not null, then $value[‘font_fallback’] is appended to $font_key. Otherwise, $font_key remains the same. By adding this check, we ensure that the code doesn’t try to access an undefined index, which could lead to the “ Trying to access array offset on value of type bool” warning. Instead, it first checks if the index exists before attempting to access it. [ Llegiu totes les 62 ressenyes ](https://wordpress.org/support/plugin/custom-fonts/reviews/) ## Col·laboradors i desenvolupadors «Custom Fonts – Host Your Fonts Locally» és programari de codi obert. La següent gent ha col·laborat en aquesta extensió. Col·laboradors * [ Brainstorm Force ](https://profiles.wordpress.org/brainstormforce/) “Custom Fonts – Host Your Fonts Locally” s’ha traduït a 17 configuracions regionals. Gràcies als [traductors](https://translate.wordpress.org/projects/wp-plugins/custom-fonts/contributors) per les seves aportacions. [Traduïu «Custom Fonts – Host Your Fonts Locally» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/custom-fonts) ### Interessats en el desenvolupament? [Navegueu pel codi](https://plugins.trac.wordpress.org/browser/custom-fonts/), baixeu- vos el [repositori SVN](https://plugins.svn.wordpress.org/custom-fonts/), o subscriviu- vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/custom-fonts/) per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/custom-fonts/?limit=100&mode=stop_on_copy&format=rss). ## Registre de canvis #### 2.1.17 * Improved codebase for improved security. (Props to Wordfence) * 2.1.16 * Custom fonts plugin tested with WordPress 6.9 version. * 2.1.15 * Updated plugin with few extra information for clarity. * 2.1.14 * Fix: Prevented early translation loading error by initializing text domain strings on init hook. * Fix: Ensure SVG icons inside Add button propagate click events properly by adjusting pointer-events styling = 2.1.13 – Custom fonts plugin tested with WordPress 6.8 version. = 2.1.12 – Improved Usage Tracking option with a new toggle switch design while keeping all existing features. = 2.1.11 – Added logic to generate and enqueue a local CSS file for downloaded Google Fonts, ensuring they load in both the editor and frontend to support inline font styles. = 2.1.10 – Resolved issue where plugin was not properly deploying on wp.org = 2.1.9 – Updated short description and tags inside readme file. = 2.1.8 – Custom fonts plugin tested with WordPress 6.7 version. = 2.1.7 – Fix: Custom font variation getting place even after selecting the other weight and style. (Props – https://github.com/alexist-ong) #### 2.1.6 * Improvement: Few string from admin dashboard app doesn’t have text domain support.( Props – https://github.com/pedro-mendonca) #### 2.1.5 * Improved codebase for improved security. #### 2.1.4 * Improvement: Compatibility with WordPress 6.5. #### 2.1.3 * Fix: Resolved issue with local fonts not rendering properly on the frontend. #### 2.1.2 * Fix: Resolve PHP Warning ‘Cannot modify header information’ during post content editing in Gutenberg. * Fix: Thrive product created layout’s changes not saved due to Custom fonts plugin conflicts. #### 2.1.1 * Improvement: Compatibility with WordPress 6.4. #### 2.1.0 * New: Introducing new ‘Fonts Preload’ option, to preload custom fonts. * New: Introducing an option to update existing font name. * Improvement: Autosave functionality for adding, updating fonts. * Improvement: Code refactored and optimization. * Fix: Custom local fonts not working in FSE site editors. #### 2.0.2 * Improvement: Added multiple font file selection for single font weight. * Fix: Frontend fonts messed up after 2.0 update. * Fix: Pre added multiple font files for single weight were missed after 2.0. * Fix: Fonts are not listed under Beaver Builder editor typography settings. * Fix: Text domains load correctly for JavaScript translations. (Props – https:// github.com/pedro-mendonca) * Fix: Used proper sprintf in hard concatenated string for translation. (Props – https://github.com/pedro-mendonca) * Fix: Added translation for hardcoded ‘Italic’ suffix. (Props – https://github. com/pedro-mendonca) #### 2.0.1 * Fix: Edit Custom font screen blanks on expanding font from admin list view. * Fix: PHP error undefined index ‘font_weight’ on the frontend. #### 2.0.0 * New: Redesigned the entire admin area with a better user experience. * New: Google fonts support in Custom Fonts plugin now. * Improvement: Custom font supports in FSE editor. #### 1.3.7 * Fix: Custom font’s CSS not applying in responsive previews of WordPress block editor. #### 1.3.6 * Improvement: Compatibility with Spectra editor. #### 1.3.5 * Fix: Inherit font option not working as expected for some customizer options. #### 1.3.4 * Fix: Custom fonts are not loading on Astra customizer and Elementor typography settings after Elementor Pro v3.6.0. #### 1.3.3 * Fix: Headers already sent warning in customizer. #### 1.3.2 * Fix: JS conflict with Jetpack plugin on admin. #### 1.3.1 * Fix: Font not rendered properly when multiple font format files are added for a single font. #### 1.3.0 * New: Add multiple font weight to the Custom Fonts. #### 1.2.6 * Improvement: PHP 8.0 compatibility. #### 1.2.5 * Fix: Font display not added properly. #### 1.2.4 * Improvement: Hardened the security of plugin #### 1.2.3 * Fix: Fixed compatibility with other plugins with respect to the admin notice. #### 1.2.2 * New: Users can now share non-personal usage data to help us test and develop better products. ( https://store.brainstormforce.com/usage-tracking/?utm_source =wp_dashboard&utm_medium=general_settings&utm_campaign=usage_tracking ) #### 1.2.1 * Improvement: Hardened the security of plugin * Improvement: Compatibility with latest WordPress PHP_CodeSniffer rules #### 1.2.0 * Improvement: Displaying Menu after Astra options Menu. #### 1.1.0 * New: Option to select font-display property. #### 1.0.8 * New: Now you can also upload otf fonts. * Fix: ttf fonts not being uploaded in WordPress media library. #### 1.0.7 * Fix: Custom Fonts loading the Block Editor breaking styling of the editor. #### 1.0.6 * Improvement: Enqueue the custom fonts in the Blocck Editor to correctly prefiew the custom fonts. #### 1.0.5 * Fix: JavaScript error in the Firefox browser not allowing to upload any fonts. #### 1.0.4 * New: Added compatibility with Beaver Builder Theme, Beaver Builder Plugin and Elementor. #### 1.0.3 * Fix: When two custom fonts are loaded on a site, only one of the fonts will be actually enqueued. #### 1.0.2 * White Label support added from the [Astra Pro](https://wpastra.com/pro/) plugin. #### 1.0.1 * Improved the design of the Admin UI. * Changed the plugin name to be Custom Fonts instead of BSF Custom Fonts. #### 1.0.0 * Initial release. ## Meta * Versió **2.1.17** * Darrera actualització **fa 3 mesos** * Instal·lacions actives **400.000+** * Versió del WordPress ** 5.0 o posterior ** * Provada fins a **6.9.4** * Idiomes * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/custom-fonts/), [Czech](https://cs.wordpress.org/plugins/custom-fonts/), [Dutch](https://nl.wordpress.org/plugins/custom-fonts/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/custom-fonts/), [English (US)](https://wordpress.org/plugins/custom-fonts/), [French (France)](https://fr.wordpress.org/plugins/custom-fonts/), [Kurdish (Sorani)](https://ku.wordpress.org/plugins/custom-fonts/), [Persian](https://fa.wordpress.org/plugins/custom-fonts/), [Portuguese (Brazil)](https://br.wordpress.org/plugins/custom-fonts/), [Portuguese (Portugal)](https://pt.wordpress.org/plugins/custom-fonts/), [Russian](https://ru.wordpress.org/plugins/custom-fonts/), [Spanish (Chile)](https://cl.wordpress.org/plugins/custom-fonts/), [Spanish (Colombia)](https://es-co.wordpress.org/plugins/custom-fonts/), [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/custom-fonts/), [Spanish (Spain)](https://es.wordpress.org/plugins/custom-fonts/), [Spanish (Venezuela)](https://ve.wordpress.org/plugins/custom-fonts/), [Swedish](https://sv.wordpress.org/plugins/custom-fonts/), i [Vietnamese](https://vi.wordpress.org/plugins/custom-fonts/). * [Traduïu a la vostra llengua](https://translate.wordpress.org/projects/wp-plugins/custom-fonts) * Etiquetes * [custom fonts](https://ca.wordpress.org/plugins/tags/custom-fonts/)[fonts](https://ca.wordpress.org/plugins/tags/fonts/) [full-site-editing](https://ca.wordpress.org/plugins/tags/full-site-editing/) [google fonts](https://ca.wordpress.org/plugins/tags/google-fonts/)[performance](https://ca.wordpress.org/plugins/tags/performance/) * [Vista avançada](https://ca.wordpress.org/plugins/custom-fonts/advanced/) ## Valoracions 4.3 sobre 5 estrelles. * [ 49 valoracions de 5 estrelles ](https://wordpress.org/support/plugin/custom-fonts/reviews/?filter=5) * [ 2 valoracions de 4 estrelles ](https://wordpress.org/support/plugin/custom-fonts/reviews/?filter=4) * [ 2 valoracions de 3 estrelles ](https://wordpress.org/support/plugin/custom-fonts/reviews/?filter=3) * [ 0 valoracions de 2 estrelles ](https://wordpress.org/support/plugin/custom-fonts/reviews/?filter=2) * [ 9 valoracions de 1 estrelles ](https://wordpress.org/support/plugin/custom-fonts/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/custom-fonts/reviews/#new-post) [Visualitzeu totes les ressenyes](https://wordpress.org/support/plugin/custom-fonts/reviews/) ## Col·laboradors * [ Brainstorm Force ](https://profiles.wordpress.org/brainstormforce/) ## Suport Problemes resolts durant els darrers dos mesos: 1 de 1 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/custom-fonts/) ## Feu una donació Voleu ajudar a què l’extensió millori? [ Feu una donació a aquesta extensió ](https://www.paypal.me/BrainstormForce)