So, I've had a minor idea for a plugin, mainly for my own site, but I'll template it and upload for anyone that wants to fork.
I've made a plugin that loads a custom font not available on Google Fonts.
I've got the various webfonts in the src folder of my plugin, next to the style.less folder where I have
@font-face {
font-family: 'WebFont;
src: url('WebFont.eot');
src: url('WebFont.eot?#iefix') format('embedded-opentype'),
url('WebFont.woff2') format('woff2'),
url('WebFont.woff') format('woff'),
url('WebFont.ttf') format('truetype'),
url('WebFont.svg#WebFont') format('svg');
font-weight: normal;
font-style: normal;
}
The css is rendered in style.css, however when trying to specify the font-family on (for example) the h1, it doesn't work, defaults back to bland old Arial, I'm assuming this is because the route from the style.less isn't right. I've tried ./src/
and without. But neither works.
Plugin.json looks like
"staticDirs": {
"static": "./src"
},
"less": [
"src/style.less"
]
Do I need to add the routes to the fonts under this as well? What would I do that as? Fonts? Main?
Cheers guys