Fontsquirrel font kit how to#
Fontsquirrel font kit generator#
Fontsquirrel font kit update#
Fontsquirrel font kit code#

Even though i never give up, i am puzzled about how to proceed.

Even IE has a good reputation for using this rule, as Microsoft invented it more than 15 years ago. I can understand why there are some glitches in this method, as font face is fairly new, but the browsers used were the latest versions. i didn’t link to the stylesheet given, just copied and pasted the css into style.css, then set up the classes to use the font. seeing that the ipad and macs can view the font correctly validates the font files were in the correct locations, and i used the css from either of those methods correctly. they see the fontstack and chose cursive. i can see the font on the ipad fine, but not on my pc browsers ( ie, safari, ff, chrome). I also tried it with a program to create the file formats ( transtype4 by fontlab) and that also failed, similarly. Even if that means we send you elsewhere to get them. Using fontsquirrel technique did not work for the pc, on the mac it did, but only because mac’s probably have the font on their machine, which this font-face rule should avoid. Font Squirrel is your best resource for FREE, hand-picked, high-quality, commercial-use fonts. Hope it helps somebody who encounters the same question.I have tried several different ways to get the font ‘calligraffiti’ to work on a site, so that both mac os’s ipads and pc’s can see that type face. Maybe good to mention that a lot of web safe fonts are already delivered with Odoo (I write this for noobs like myself) so without adding thing to your CSS file you can already choose a many custom fonts in you pages by for example addingĬreates COMIC SANCE in size 50 when choosing H1.this mentod you can also choose another one for H2 etc. We are pretty much there but still need to fully validate above method. Any H1 text on other pages will still be original font. When you now add a buildingblock to that page and add H1 text in that black it is in the custom lettertype.

Fontsquirrel font kit code#

Then for each page where you like to use that font only for H1 simply add a piece of code at the start looking like this:

It also preps all the necessary CSS information for your site and serves you a zipped kit of the font files. (ASP.NET MVC on IIS 7) Now TTF fonts work perfectly fine in Firefox and Chrome (IE does not support it), however WOFF fonts do not seem to be working at all (they are supposed to be supported by all newer browsers).

Fontsquirrel font kit generator#

The Font Squirrel generator has the ability to batch convert multiple font files into six different file types. I downloaded kit from fontsquirrel, and based on the included CSS and HTML files I added fonts to web application. That css (multiple declarations to support all kind of devices and browsers) file contains the code you can add to the frontend.ss of the theme you want to use it in. Once the font kit is complete, Font Squirrel loads all of the typefaces. Via fontsquirrel you can upload a font (make sure you own of use free licence) and have the tool directly creaste an css file in your created package. We now figured it out our selves I think.

Fontsquirrel font kit update#

If you did this the above HTML code should also allow to use that custom font (we are still checking, will update if we are wrong or found out more) The many alternate character on serif makes this typeface unique and stands out rather than the regular sans font, perfectly for headlines, logos, posters, packaging, T-shirts,coffee shops, restaurants, magazine's headers, signs or gift/post cards,cafe's and weddings or any type. Upload the whole kit to your server, in the kit there is a generated stylesheet.css which contains the code you can probably also add to the frontend.css which your theme uses. Jungle Mask This typeface has been made carefully to make sure its premium quality and luxury feel. We wanted however a different font, at you can upload your font (make sure you have the correct licence) and let it generate a web-font kit. This method works for all websafe fonts, you can copy paste them here If you never use H6 on your website you may better declare H6 so you are still flexible to use H1 in the theme lettertype as well on that page if you want. You will see that each H1 text (on that page only) is concverted to comic sans 50px. If you add the following HTML code at the top of a page via the Odoo HTML editor: