I can’t find the web font kits Squirrel used to have (you know, where they used to have this “package” that contained the stylesheets and everything… now it’s just a plain font download to use with Photoshop and such…)
You upload a .otf or .ttf file, “fontsquirrel” weaves
a little bit of magic and then you download a .zip
file which contains .eot, .svg, .ttf, woff and .woff2
font files, plus a CSS file that may look like this…
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 27, 2016 */
@font-face {
font-family:'skywing bold italic';
src:url('../fonts/skywingw00-bolditalic-webfont.eot');
src:url('../fonts/skywingw00-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/skywingw00-bolditalic-webfont.woff2') format('woff2'),
url('../fonts/skywingw00-bolditalic-webfont.woff') format('woff'),
url('../fonts/skywingw00-bolditalic-webfont.ttf') format('truetype'),
url('../fonts/skywingw00-bolditalic-webfont.svg#skywingw00-bolditalicregular') format('svg');
font-weight:normal;
font-style:normal;
}
…and a host of other useful files and information.
What is it all for?
Well some people like to put “arty farty” fonts on their sites
instead of the regular arial or helvetica.
Also there seems to be a liking for icons which also require
this method.
ok great… thank you Coothead for all your info… will try it…
Ralph, yes I do remember when all fonts used to have this “webfont kit” link… that’s what I was looking for, but I never see it now (maybe the free fonts don’t have it?) certainly here
I’m seeing it on quite a few on that page - or you could try https://www.fontsquirrel.com/fonts/list/hot_web specifically for web fonts. (You need to visit the main page for each font to get it, as per @ralphm’s screenshot.)
Turns out my comment above was inaccurate. The “world” icon symbolises the font is licensed for the Web, but some of them only come in one format. If you need the others,
you could use the Font Squirrel generator.
Yes, that’s always been the case with many fonts on FontSquirrel. There are lots of other options, though. Google has a nice range of free fonts, and then there are other paid services like TypeKit that have stunning fonts. Of course, you can buy many other fonts licenses that include web fonts. People put a lot of work into creating a font, so it’s fair enough that you have to pay for most of them.
what do you upload? folder with all the fonts?
I mean how do you upload all fonts in a folder? (wanted to upload font .zip that I downloaded, but it wouldn’t let me…)