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
Related
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?
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 try to load fonts via CDN, but requirements for a font do not have that. We are using Montserrat Light in some areas and my preference per Google fonts doesn't allow for the 'light' version. Instead, I found it HERE, but no CDN capability. So how do you all deal with this for your users without having them having to download or whatever. Looking for suggestions?
Thanks much.
A CDN is just "someone else's site" that you use for efficiency reasons. If no CDN is available, the obvious choice to put the data for online retrieval is "the same place you've put the rest of your website": just like how you have .html and .css files sitting in directories that are accessible to the outside world, you add your font file(s) in similar fashion and then just load them by relative URL.
I need to include Gurmukhi.ttf font which was provided to me. I tried to find answer to my question but found something like this #font-face : converting and displaying a font (CityBlueprint) but no solution.
At first I tred to generate the font on this site
http://www.fontsquirrel.com/tools/webfont-generator
but got the following error "The file gurmukhi.ttf is blacklisted by the Generator. Webfonts from other distributors cannot be regenerated."
Then I used
http://www.font2web.com/
It generated the required data package and I included fonts, how it was shown in demo.html. But nothing happened. By default the browser uses its own fonts, and Gurmukhi are ignored. Interesting thing is that font in demo.html is also ignored by browsers.
Then I was provided another font type Optima.ttc. I have converted it to ttf format.
http://www.fontsquirrel.com/tools/webfont-generator
"Linotype has requested that their font Optima Regular be blacklisted by the Generator. You will not be able to convert this font."
http://www.font2web.com/
Here I only got 2 files and in info.html there was the following:
Sorry, the vendor of Optima nova Regular doesn't allow us to convert this font
But click here to use the Optima nova Regular web font for free
Tip: Click on the purple Sign Up for Free! button and then click on the FREE PLAN link
As I understand both of these files are not free?
This are commercial fonts and you need to purchase atleast the web license in order to use them legally (altough you could always make the .ttf conversion yourself locally without using web generators and avoid the blacklisted check, but this is still not a legal solution and the font is still subject to copyrights).
If you don't have the budget to spend on font license, you could always use a free alternative to Optima Nova - there are similar typefaces available for free - try to search for free alternatives that could suit your design (mind that the alternative font may not be of the same quality and may not support as many glyphs).