Use a certain font from a website - html

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

Related

How to host your own icons

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.

Downloaded Font Not Showing Up in Browser

I need the text in the navigation bar and body to match the text at the top (the header). The text is called WindsorDemi.fog Cn. I downloaded it from fontzone.net and it seemed to work fine. In the body I have:
<p style="text-align:center;font-family:WindsorDemi.fog Cn">
<font size="4"> Welcome to daikininc.com! home of the world's greatest egg roll wrappers and noodles!
</font>
</p>
Just like I would do with any other font. I am using a dell latitude D630...is there a reason why the browser is not recognizing this font? I need the fonts to match. Thanks.
Check if the font name is correct:
font-family:WindsorDemi.fog Cn
That doesn't look right. It looks like you're using the file name instead. A simple guess could be:
font-family:Windsor
I believe that if you set the style to:
style="text-align:center;font-family:WindsorDemi"
...It may work on your computer.
However, if you publish this page to the world wide web, only people who also have installed that font will see it as you do. For web pages you are stuck using generic font families, see wikipedia, or using web fonts like for example google fonts or the many good options here.
that font format is not supported by your browser. download the supported format from this link, make sure you check the browsers and operating systems supported before downloading http://font.downloadatoz.com/download,84557,windsordemi.html

Cannot connect a font for HTML page

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).

PHP Web font kit generator

Does anyone know if there is anything around that can take an uploaded font file and automatically convert it for use as a web font?
I know there are legal issues around this, but places like Font Squirrel seem to manage, I have a private network of users and I'd really like to provide them with the opportunity to upload the fonts they use for their brand and the advice they need to use those fonts legally on line.
Online services like Font Squirrel are not really an option because my users are non-tech users and won't understand that service- they just can't understand why they cant use the fonts they want, when they can use them in Word documents, pdf's and images etc. They just want to use them basically. What I can do is automate the upload and creation and payment where necessary, and from the users point of view they can just upload the font they want to use, get billed for it and start using it.
So yeah does anyone know of anything PHP that would help me with that?
Thanks in advance
You seem to be looking for this. That’s a simple on-the-fly OTF to WOFF converter which does not require registration.

Specific CSS Font Style

quick question, I'm currently trying to style a font to resemble the letters pictured below. Before I proceed any further I just wanted to be sure there wasn't already a standard, web-safe, font that resembles these letters. I'm not familiar with font design terminology, so I'm not sure what the technical description of the letters below would be. Thanks much.
I don't think there is a standard pre-installed web font (Like Arial, Times ....) out there that is this bold. Under some circumstances, you can force super-bold text using the font-weight property but cross-browser support is very shaky, and the font needs to support the boldness.
Google Web fonts has the Coda font which seems to come pretty close. Maybe that is an option?
Your other option is to use #font-face technology (which Google Fonts also uses) to provide your chosen font to your users. Google it - there's a wealth of material.
The only snag is that you must have a licence that allows you to put the font on the web (but fortunately lots of fonts can be licenced that way now).
Fontsquirrel.com is a good starting point.