How to make new font customizable?
Permalink
Hi,
I am designing a Website for a client and they want to import a Google font called Fira Sans.
I am using the Modena Theme and using @font-face I have imported the font into the fonts.less and defaults.less.
However, when I want to customize the theme, the Fira Sans font does not show up. There is a list of fonts I can chose, but I have no idea where those come from. They are not even in the fonts.less file.
I have attached screenshots of what I mean. I would be very grateful if someone could help me.
I am designing a Website for a client and they want to import a Google font called Fira Sans.
I am using the Modena Theme and using @font-face I have imported the font into the fonts.less and defaults.less.
However, when I want to customize the theme, the Fira Sans font does not show up. There is a list of fonts I can chose, but I have no idea where those come from. They are not even in the fonts.less file.
I have attached screenshots of what I mean. I would be very grateful if someone could help me.
You have to add the Google Fonts in css\build\fonts\defaults.less and then to clear cache. Not sure if they will be added to the menu. I use them in the theme's less files, not through the page/block edit.
Thank you for your reply. I can apply the font if I hard code it in the defaults.less, but my client wants it customizable. I don't know how to include the Fira Sans font in the list under customize theme.
Just wondering if you ever figured out how to add the custom fonts to the Rich Text Editor (CKEDITOR).
