I am trying to use a custom font in an HTML email template. The font is not available on Google Fonts. I am familiar with the #font-face rule in CSS, but what I am trying to achieve is to upload the font to some server/ kind of like Google fonts where it is publicly available for use by other users.
How to achieve that?
Related
I am absolutely a novice in the field of html / css programming. I have a font file with extension .woff etc. I know, I may upload it on a server and later on use it with the help of css files generated from tools like fontsquirrel. However, I want to explore the option of getting the font into simple html or css codes so that I may use it on forums like blogger without having to host the font file elsewhere. Is it technically possible? Thank you.
I want to use the font 'Semplicita Pro' from the site https://worldofwarcraft.com/en-gb/ for my own website project but I can't seem to find the font file on the website. Even if I should be able to get my hands on the file, would it be legal to use the font?
No, this is premium font which could be bought there:
https://www.myfonts.com/fonts/canadatype/semplicita-pro/
This is kind of expensive. Maybe you could use one of the alternatives to this font?
https://www.typewolf.com/google-fonts
I've been using Font Awesome for a little bit on some of my projects and I have created a bunch of my own icons that I can link locally without a problem; however, I want to be able to link the icons I made from an online source like Font Awesome do and serve them publicly, how exactly is this achieved?
You need to have icon in SVG format that you have created,
then you can use this, it will generate all the necessary font types, CSS/Sass/Less/Stylus , HTML demo page and Name font according to your wish.
Gruntt Web Font
I did a bit of Googling for you to find somewhere for your to offer your files.
You will need to create a font from your SVG files, I use fontastic.me and it's very good, but you could use another service.
You will then need to create a package of your files, and put it on a CDN service so that other people (or just you) can use it publicly. You can try using something like https://www.jsdelivr.com/ or look into how to set up your own CDN.
I have developed at a moment a custom Wifi Agreement page for my router.
I want to use a specific Webfont "Folio W01 Light".
all CSS styles, javascript, needs only to be in this .html, so I am not allowed to outsource something.
I am actually already using inline .svg, is there something similar for fonts?
Thanks
Convert the font to data URI and paste that to your HTML
Font-awesome is limited to one font or ?. Is there any option to add custom font to font-awesome.
If yes then, show me how to add that.
FontAwesome is a collection of icon fonts. If you want a collection with different icons one easy way is to use IconMoon - http://icomoon.io/app/#/select and http://icomoon.io/#icon-font . Their IconMoon app is brilliant and hooks into a world of different options.
If you want actual web fonts, then it's hard to beat Google Web Fonts or Font Squirrel if you want to use your own fonts