Ralf Herrmann Posted August 17, 2015 Posted August 17, 2015 Can you please elaborate on what you want to do?
ABGenc Posted August 17, 2015 Posted August 17, 2015 That was something I wanted to ask too. How do we add non-standart fonts to our pages ?
Marius Posted August 17, 2015 Posted August 17, 2015 @font-face { font-family:myFamily; src:url('your_source_here/fontName.ttf'), url('your_source_here/fontName.eot'); } You can put the font on your server, and then use it in the CSS like this.
Ralf Herrmann Posted August 17, 2015 Posted August 17, 2015 Fonts are part of the theme styling. We currently don’t provide a font interface or a connection to a font service like Google Fonts. So your options are:1.) Font Stack:If you want to suggest other system fonts on the visitor’s devices, change the font stack in your custom.cssbody { font-family: Calibri, "Helvetica Neue",Helvetica,Arial,sans-serif }(in this case I added Calibri to the default stack.) 2.) Web fonts:You can add fonts for which you have the appropriate license and embed them into your site. Upload the files to your server and use the font-face declaration in your custom.css to make the font available on your site. In addition, assign the fonts to your whole site or specific areas (e.g. headline) as described under 1.)@font-face { font-family: 'graublau_sansbook'; src: url('/webfonts/graublausans-book-webfont.eot'); src: url('/webfonts/graublausans-book-webfont.eot?#iefix') format('embedded-opentype'), url('/webfonts/graublausans-book-webfont.woff') format('woff'), url('/webfonts/graublausans-book-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } 3.) Web font service:You can add external web font services such as Google Fonts or Typekit. Follow the instructions provided by these services. Usually you would have to add a call to the service in the header of you global template.
ABGenc Posted August 17, 2015 Posted August 17, 2015 Thanks @Ralf Herrmann . You are in this business, can you advice a web site for "free" fonts so that I can test the instructions given ?
Meddysong Posted August 17, 2015 Posted August 17, 2015 can you advice a web site for "free" fonts so that I can test the instructions given ?Most of the fonts on Font Squirrel are "100% free for commercial use". I get mine from there.
BuddahBoy Posted September 12, 2015 Posted September 12, 2015 Fonts are part of the theme styling. We currently don’t provide a font interface or a connection to a font service like Google Fonts. So your options are: 1.) Font Stack:If you want to suggest other system fonts on the visitor’s devices, change the font stack in your custom.css body { font-family: Calibri, "Helvetica Neue",Helvetica,Arial,sans-serif } (in this case I added Calibri to the default stack.) 2.) Web fonts: You can add fonts for which you have the appropriate license and embed them into your site. Upload the files to your server and use the font-face declaration in your custom.css to make the font available on your site. In addition, assign the fonts to your whole site or specific areas (e.g. headline) as described under 1.) @font-face { font-family: 'graublau_sansbook'; src: url('/webfonts/graublausans-book-webfont.eot'); src: url('/webfonts/graublausans-book-webfont.eot?#iefix') format('embedded-opentype'), url('/webfonts/graublausans-book-webfont.woff') format('woff'), url('/webfonts/graublausans-book-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } 3.) Web font service: You can add external web font services such as Google Fonts or Typekit. Follow the instructions provided by these services. Usually you would have to add a call to the service in the header of you global template. I would like to use option 2 - Web fonts ONLY for the logo text - can you tell me what to add in my custom CSS please? Attached is a screenshot in case I wasn't clear on my need. Thank youRon
Recommended Posts
Archived
This topic is now archived and is closed to further replies.