gerard001 Posted August 17, 2015 Share Posted August 17, 2015 Is it possible to add another font ipb4 Link to comment Share on other sites More sharing options...
Ralf Herrmann Posted August 17, 2015 Share Posted August 17, 2015 Can you please elaborate on what you want to do? Link to comment Share on other sites More sharing options...
ABGenc Posted August 17, 2015 Share Posted August 17, 2015 That was something I wanted to ask too. How do we add non-standart fonts to our pages ? Link to comment Share on other sites More sharing options...
Marius Posted August 17, 2015 Share 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. Link to comment Share on other sites More sharing options...
Ralf Herrmann Posted August 17, 2015 Share 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. Link to comment Share on other sites More sharing options...
ABGenc Posted August 17, 2015 Share 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 ? Link to comment Share on other sites More sharing options...
Meddysong Posted August 17, 2015 Share 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. Link to comment Share on other sites More sharing options...
BuddahBoy Posted September 12, 2015 Share 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 Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.