Hello,
In theme panel, I can upload only one custom font type (WOFF). How do I add all types (EOT, TFF, WOFF2) for better browser compatibility?
I tried adding following child theme’s style.css but that didn’t work.
@font-face{font-family:"Museo Sans";src:url("fonts/museo.eot?#iefix");src:url("fonts/museo.eot?#iefix") format("eot"),url("fonts/museo.woff2") format("woff2"),url("fonts/museo.woff") format("woff"),url("fonts/museo.ttf") format("truetype");}
@font-face{font-family:'Charter';font-style:normal;src:url('fonts/charter.eot');src:url('fonts/charter.eot?#iefix') format('embedded-opentype'),local('Muli'),local('Muli-regular'),url('fonts/charter.woff2') format('woff2'),url('fonts/charter.woff') format('woff'),url('fonts/charter.ttf') format('truetype');}
Hi,
The fonts should be loaded if everything is set properly. For the code you use, make sure the fonts folder is placed in the main theme folder. You can check these topics for more information about this, or alternative solutions
– https://stackoverflow.com/questions/13609119/if-multiple-sources-are-listed-in-an-font-face-are-all-of-them-loaded-on-the-c
– https://css-tricks.com/snippets/css/using-font-face/
Thanks
