1. Introduction
  2. Getting Started
    1. Requirements
    2. WordPress Installation
    3. Theme Installation
      1. with Envato Market Plugin
      2. with FTP Client
      3. Through WordPress
    4. Theme Setup Wizard
    5. Child Theme
    6. Sample Data
  3. Theme/Plugin Update
  4. Theme Settings
    1. Layout Settings
    2. Site Logo
    3. Site Preloader Option
    4. Back to Top
    5. Header
      1. Site Header
      2. Topbar
      3. Search
    6. Footer
      1. Footer Layouts
      2. Copyright Section
      3. Footer Above Content
    7. Page Header
    8. Page Settings
    9. Blog/Post Settings
      1. Blog Settings
      2. Archive Settings
      3. Single Post
    10. Portfolio
    11. Team
    12. WooCommerce
      1. Product Settings
      2. Products Listing
      3. Products Filters
      4. Single Product
      5. Quick View
      6. My Account
    13. FAQ Settings
    14. Color Scheme
    15. Site Info
      1. Social Profiles
      2. Site Contacts
      3. Cookie Law Info
      4. Opening Hours
    16. Social Sharing
    17. Typography
      1. Typography
      2. Typekit Fonts
      3. Additional Fonts
      4. Custom Fonts
    18. 404 Page
    19. Maintenance
    20. MailChimp Settings
    21. Instagram
    22. Google
    23. Custom CSS/JS
    24. Sample Data
    25. Import/Export
  5. Elementor Widget/WPBakery Shortcodes
    1. Accordion
    2. Banner
    3. Blockquote Settings
    4. Blog Posts
    5. Button
    6. Callout
    7. Clients Logo
    8. Contact Form
    9. Countdown
    10. Counter
    11. DropCap
    12. Flipbox
    13. Hotspot Image
    14. Image Comparison
    15. Image Gallery
    16. Image Parallax
    17. InfoBox
    18. Instagram
    19. List
    20. Map
    21. Menu List
    22. Price Menu
    23. Newsletter
    24. Portfolio
    25. Pricing Table
    26. Process
    27. Product Category
    28. Products
    29. Progressbar
    30. Section Title
    31. Separator
    32. Slider
    33. Social Links
    34. Team
    35. Tabs
    36. Testimonials
    37. Timeline
    38. Video
  6. Additional
    1. Header Builder
    2. Footer Builder
    3. Mega Menu
    4. Custom Sidebar Widget
    5. Custom Menu
    6. Topbar Menu
  7. Widgets
    1. WebGatha Contact Us
    2. WebGatha Facebook
    3. WebGatha Instagram
    4. WebGatha Newsletter
    5. WebGatha Opening Hours
    6. WebGatha Recent Posts
    7. WebGatha Social
    8. WebGatha Testimonials
  8. Extra
    1. Browser Support
    2. How to rate this item
    3. Translation
      1. Poedit
      2. Loco Translate
      3. WPML
      4. Polylang
  9. Source & Credits

Custom Fonts

In this section, you can set the custom fonts by uploading the font-related files ex. .woff, .woff2, .ttf etc.

For example, if you select Bank Nue font family, so you can use the uploaded font family as following CSS. To add the following CSS you can use the child-theme or custom CSS in theme options.

.selector {
  font-family: 'Bank Nue';
}

WordPress allows you to upload the most common image files, audio/ video, PDF, Microsoft Office and OpenOffice documents. WordPress codex has a full list of allowed file types and extensions.

Security is the main reason behind the limitation on file types that users can upload. However, this does not mean that users cannot change this. Using a tiny bit of code, you can add a new file type and extension to WordPress.

For example, add this code in your child theme’s functions.php file or a site-specific plugin to allow font files type to be uploaded:

function webgatha_child_mimes_types( $mime_types ) {
  $mime_types['otf'] = 'application/x-font-otf';
	$mime_types['woff'] = 'application/x-font-woff';
	$mime_types['woff2'] = 'application/x-font-woff2';
	$mime_types['ttf'] = 'application/x-font-ttf';
	$mime_types['svg'] = 'image/svg+xml';  
	
	return $mime_types;
}
add_filter( 'upload_mimes', 'webgatha_child_mimes_types' );
Suggest Edit