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 Settings
    1. Layout Settings
    2. Site Logo
    3. Site Preloader Option
    4. Back to Top
    5. Header
      1. Site Header
      2. Topbar
    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
  4. Elementor Widget/WPBakery Shortcodes
    1. Banner
    2. Blockquote Settings
    3. Blog Posts
    4. Button
    5. Callout
    6. Clients Logo
    7. Contact Form
    8. Countdown
    9. Counter
    10. DropCap
    11. Image Comparison
    12. Image Gallery
    13. Image Parallax
    14. InfoBox
    15. Flipbox
    16. Hotspot Image
    17. Instagram
    18. List
    19. Map
    20. Newsletter
    21. Menu List
    22. Price Menu
    23. Portfolio
    24. Pricing Table
    25. Process
    26. Product Category
    27. Products
    28. Progressbar
    29. Section Title
    30. Separator
    31. Social Links
    32. Team
    33. Testimonials
    34. Timeline
    35. Video
    36. Accordion
    37. Slider
    38. Tabs
  5. Additional
    1. Header Builder
    2. Footer Builder
    3. Mega Menu
    4. Custom Sidebar Widget
    5. Custom Menu
    6. Topbar Menu
  6. 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
  7. Extra
    1. Browser Support
    2. How to rate this item
    3. Translation
      1. Poedit
      2. Loco Translate
      3. WPML
      4. Polylang
  8. 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