I know a user can change the font_face in preferences with:
"font_face": "gohufont-11",
"font_size": 11,
But, every-time I try to add a (already installed) non-system font, like Gohufont above, it does not work.
Install the TTF version of the font despite the platform-specific fonts available from here.
Install the font, installation is OS specific process (in your case use Install font menu entry from windows fonts folder).
Copy paste "font_face": "GohuFont", to your user preferences file.
Tested it on MacOS and it works with your font, did the same with other fonts on Win 7/8.1.
Use the font name as the value of font_face. If the font name is GohuFont, use that.
Related
Having a difficult time trying to get the proper .ttf file from the font family and set-up into my website.
https://freefontsdownload.net/free-futura_bk_bt-font-73014.htm
body {
font-family: Algerian ;
}
can i know what is the font-family for the link i provided ? ( does not wanted to download and save it into my server )
You can directly import fonts that can be found on Google Fonts
with tags without needed to download and serves the font files locally. However, there are also fonts that are not available on Google Fonts. For those fonts, you can only download and serve it locally on server there's no way to escape. Or you may try to search and see is there anyone who have the font files on their server and then directly use theirs', but I can say most probably you wont be able to use as you will be blocked by CORS (Cross-Origin Resource Sharing).
It's actually quite simple to setup fonts. After you downloaded the font files, normally there will be font files (eot, ttf, svg, woff...) and a CSS file, just put the font files somewhere on your server (prefer on root folder named "fonts"). Then open the CSS and edit the source to the directory that you store your font files ealier. url("../fonts/your-font.ttf")
simply go onsite of google font choose font then copy meta tag then use font family.
I'm using Adobe Brackets editor and I want to know how I can install common fonts such as Arial and Helvetica. I want to directly install them into my system and not just link them into my projects every time. How can I get this done?
I think you might be looking for Google Fonts. Google hosts hundreds of high-quality, free, fonts that you can use in your web project. GoogleFonts acts as a CDN, allowing your project to download the required fonts as the page is being rendered, similar to how jQuery etc operate when referenced from a CDN.
HOWEVER, you can also download and install Google's FREE, OPEN-SOURCE fonts on your local system and use them locally in your apps, including Brackets. Here is a tutorial for doing that.
How To Install Google Fonts on your Own Computer
To be complete, here are a couple of decent resources for learning how to use Google Fonts CDN-Style (not what you requested, but for future purposes):
CSS Reset - How To Use Google Fonts
W3 Schools - Use the Try It beside the font you desire
CodeCourse 3-Min Video Tutorial (if you prefer video demo)
The second reference is probably most helpful as it shows you (in their typeface) the fonts that are available, and the Try It button shows you a code example for using that font. Straight-forward and simple.
We have a site with otf font files.
Everything works fine except how site looks in IE 11.
After investigation we have found a reason:
CSS3114: #font-face failed OpenType embedding permission check. Permission must be Installable.
I have checked Installable embedding allowance for otf files on Windows and there is font embeddability is set as Installable.
Also I use tool that makes font file Installable. But the tool breaks otf file.
Any suggestions?
The solution was to use .woff file extension for fonts instead .otf.
First, I have tried to covert .otf file to .woff format using one of free online tools for the conversion. But it broke the license.
So we decided to ask .woff files from the designer.
I want to see the look of my site when a user accesses it from a computer on which the fonts of my site aren't installed! Is it possible?
You could rename the font in your CSS so that your own computer cannot find it. This is the same as being on a computer where the font is not installed.
I downloaded the Franchise Bold Font. I know how to use it in my code, but where do I put the font files in my webserver root so that they get found and used?
the URL is: http://www.derekweathersbee.com/franchise/
To use a font on a web page it needs to be a WebFont - you can't just put a TTF file onto a webserver.
Font Squirrel offer a service to create/convert WebFonts - there's a fair bit of info on how it works there and a Google for webfonts will bring up a tonne more.
Obviously you need to rights to do convert and use the font - the font you're using appears to be free but if I were you I'd credit the creator/throw them a link somewhere!!