DNN Community Blog

The Community Blog is a personal opinion of community members and by no means the official standpoint of DNN Corp or DNN Platform. This is a place to express personal thoughts about DNNPlatform, the community and its ecosystem. Do you have useful information that you would like to share with the DNN Community in a featured article or blog? If so, please contact .

The use of the Community Blog is covered by our Community Blog Guidelines - please read before commenting or posting.


How to upload fonts or icon font packages to DNN

This is a part of my short series about font icons. Here's the full series

  1. Setting up icon-font pickers with search in dynamic content types
  2. How to upload fonts and icon-font packages in DNN
  3. Creating your own custom icon-fonts
  4. The tutorial app for including custom fonts or CDN-hosted fonts in DNN Content

If you need to add fonts or font-icons to a remote DNN without direct file access, you need to upload the files - this will usually fail, because DNN will not allow you to upload files with all these extensions that you really, really need - like:

  1. woff - the most common font-format nowdays
  2. woff2 - a newer version, but not supported by all browsers
  3. ttf - true type fonts
  4. svg - a vector image of the fonts, which can also be used with icon-fonts
  5. eot - an internet explorer font-format
  6. json - very often included in font-packages which you create using online tools like fontello

Understanding the Scope of the Issue

You will only be affected by this problem, if you upload fonts using the DNN-File-Manager. Since there are other ways the files can be uploaded, let me give you a quick overview:

  1. If the files are uploaded over your normal network using windows file explorer - no problem
  2. If the files are uploaded using a module-installer as part of a DNN module - no problem
  3. If the font-files are uploaded in a 2sxc-App - no problem
  4. If the font-files are uploaded ina 2sxc-template package - no problem
  5. If you upload the files through the DNN-file manager directly - problem
  6. If you upload the files through DNN file manager with a zip to unpack - problem

So if you circumvent DNN (using the windows explorer) or if you are using any other kind of installer, you're good to go. Otherwise, it will work - and maybe show an error, maybe not (depending on the version of DNN). Here's what to do:

Adding the File Extensions

You need to go to Host > Host Settings and from there choose the Tab Other Settings and find the setting Allowable File Extensions. I usually open all collapsed sections and do a search in the browser to help find the setting - it's in different places depending on the version of DNN. Here's what it looks like on a DNN 7:

You must now add all the missing types, so copy-paste this at the end of that (check your commas):

  • ,json,eot,svg,ttf,woff,woff2

Save, and now you should be good to go. 

Love from the Dynamic-Content guys,
Daniel


Daniel Mettler grew up in the jungles of Indonesia and is founder and CEO of 2sic internet solutions in Switzerland and Liechtenstein, an 20-head web specialist with over 800 DNN projects since 1999. He is also chief architect of 2sxc (see forge), an open source module for creating attractive content and DNN Apps.



Read more posts by Daniel Mettler

Comments

Geoff Barlow
Hey Daniel,

Nice blog! Here's another alternative to Fontello for you and anyone else that is interested, its called Icomoon and also has the ability to create your own icon sets:

https://icomoon.io/app

Regards,
Geoff

Geoff Barlow Monday, April 25, 2016 3:34 AM (link)

Comment Form

Only registered users may post comments.

NewsArchives


Aderson Oliveira (15)
Alec Whittington (11)
Alex Shirley (10)
Andrew Nurse (30)
Andy Tryba (1)
Anthony Glenwright (5)
Antonio Chagoury (28)
Ash Prasad (32)
Ben Schmidt (1)
Benjamin Hermann (25)
Benoit Sarton (9)
Beth Firebaugh (12)
Bill Walker (36)
Bob Kruger (5)
Bogdan Litescu (1)
Brian Dukes (2)
Brice Snow (1)
Bruce Chapman (20)
Bryan Andrews (1)
cathal connolly (55)
Charles Nurse (163)
Chris Hammond (209)
Chris Paterra (55)
Clinton Patterson (40)
Cuong Dang (21)
Daniel Bartholomew (2)
Daniel Mettler (154)
Dave Buckner (2)
David Poindexter (4)
David Rodriguez (3)
Doug Howell (11)
Erik van Ballegoij (30)
Ernst Peter Tamminga (74)
Geoff Barlow (10)
George Alatrash (6)
Gifford Watkins (3)
Gilles Le Pigocher (3)
Ian Robinson (7)
Israel Martinez (17)
Jan Blomquist (2)
Jan Jonas (3)
Jaspreet Bhatia (1)
Jenni Merrifield (6)
Joe Brinkman (274)
John Mitchell (1)
Jon Henning (14)
Jonathan Sheely (4)
Jordan Coopersmith (1)
Joseph Craig (2)
Kan Ma (1)
Keivan Beigi (3)
Ken Grierson (10)
Kevin Schreiner (6)
Leigh Pointer (31)
Lorraine Young (60)
Malik Khan (1)
Matthias Schlomann (15)
Mauricio Márquez (5)
Michael Doxsey (7)
Michael Tobisch (3)
Michael Washington (202)
Miguel Gatmaytan (3)
Mike Horton (19)
Mitchel Sellers (28)
Nathan Rover (3)
Navin V Nagiah (14)
Néstor Sánchez (31)
Nik Kalyani (14)
Peter Donker (54)
Philip Beadle (135)
Philipp Becker (4)
Richard Dumas (22)
Robert J Collins (5)
Roger Selwyn (8)
Ruben Lopez (1)
Ryan Martinez (1)
Salar Golestanian (4)
Sanjay Mehrotra (9)
Scott McCulloch (1)
Scott S (11)
Scott Wilkinson (3)
Scott Willhite (97)
Sebastian Leupold (80)
Shaun Walker (237)
Shawn Mehaffie (17)
Stefan Cullmann (12)
Stefan Kamphuis (12)
Steve Fabian (31)
Timo Breumelhof (24)
Tony Henrich (3)
Torsten Weggen (2)
Vicenç Masanas (27)
Vincent Nguyen (3)
Vitaly Kozadayev (6)
Will Morgenweck (40)
Will Strohl (165)
William Severance (5)

Content Layout

Subscribe to DNN Digest

DNN Digest is our monthly email newsletter. It highlights news and content from around the DNN ecosystem, such as new modules and themes, messages from leadership, blog posts and notable tweets. Keep your finger on the pulse of the ecosystem by subscribing.  


Copyright 2017 by DNN Corp Terms of Use Privacy
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out