http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc Support Forum - Topic: Using Custom Fonts for Nav, Headers, Paragraphs etc. en-US Tue, 21 May 2013 08:51:00 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-49314 Sat, 31 Mar 2012 08:58:46 +0000 Chris Beard 49314@http://www.kriesi.at/support/ <p>saranganv,</p> <p>have you tried using this code:<br /> <pre><code>.entry-content h5 { font-size: 30px; text-transform: none; }</code></pre> <p>You can put it in the Quick CSS or in the custom.css file.<br /> Make sure to refresh your cache after adding the code in.</p> <p>Cheers,<br /> Chris </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-49238 Fri, 30 Mar 2012 12:49:28 +0000 saranganv 49238@http://www.kriesi.at/support/ <p>h5{font-family: 'LondonTubeNormal' !important;<br /> color: #3DA5DC;<br /> font-variant: normal;<br /> font-size: 30px;<br /> text-transform: none;}</p> <p>The "Welcome to Cheeses..." text is still the same size, and in Small Caps#</p> <p>Not sure what went wrong there. </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-49090 Thu, 29 Mar 2012 18:42:10 +0000 Mya 49090@http://www.kriesi.at/support/ <p>Hi saranganv,</p> <p>Remove "length" after font-size: then add underneath font-size: 30px; this code:</p> <p><code>text-transform: none;</code></p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-48844 Wed, 28 Mar 2012 18:22:34 +0000 saranganv 48844@http://www.kriesi.at/support/ <p>Hi,</p> <p>I've been trying to change the h5 style so that it doesn't use small-caps and has a bigger font size. I used</p> <p>h5{font-family: 'LondonTubeNormal' !important;<br /> color: #3DA5DC;<br /> font-variant: normal;<br /> font-size: length 30px;}</p> <p>in the custom css and it hasn't removed the small caps or increased the size.</p> <p><a href="http://cheeses.testingse.com" rel="nofollow">http://cheeses.testingse.com</a></p> <p>on the home page "<br /> WELCOME TO CHEESES ONLINE, CHEESE LOVERS." text </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-48094 Sat, 24 Mar 2012 07:14:18 +0000 Dude 48094@http://www.kriesi.at/support/ <p>Hi! </p> <p> Yes - sure. You can use the font-family property: <a href="http://www.w3schools.com/cssref/pr_font_font-family.asp" rel="nofollow">http://www.w3schools.com/cssref/pr_font_font-family.asp</a> to change the font family of certain elements. </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-47994 Fri, 23 Mar 2012 15:53:38 +0000 saranganv 47994@http://www.kriesi.at/support/ <p>Thanks,</p> <p>Is there a way i can use this font on certain elements as well as changing the colour that it appears in. Example all h1 heading to be the new font and #XXXXXX colour?</p> <p>thanks,<br /> Sarangan </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-46905 Mon, 19 Mar 2012 05:55:44 +0000 Dude 46905@http://www.kriesi.at/support/ <p>Hi,<br /> The fonts can't be found on your server - please check the file names. I tried to download <a href="http://cheeses.testingse.com/wp-content/themes/propulsion/css/london-tube-webfont.ttf" rel="nofollow">http://cheeses.testingse.com/wp-content/themes/propulsion/css/london-tube-webfont.ttf</a> but I get a 404 error. You need to change the file names of the files or change them in custom.css. </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-46439 Thu, 15 Mar 2012 13:10:17 +0000 saranganv 46439@http://www.kriesi.at/support/ <p>I inserted the following into my custom css below the code i pasted earlier (@font face etc.) and it still doesn't seem to have had an effect on the font family used in the site.</p> <p>h1{font-family: 'LondonTubeNormal' !important;}</p> <p>Can someone help with this please? </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-46261 Wed, 14 Mar 2012 16:20:43 +0000 saranganv 46261@http://www.kriesi.at/support/ <p>Hi Dude,</p> <p>I created the font face files and put them in a folder called type within the css folder (the one that contains the custom css files)</p> <p>Do i need to set each of the h1,h2 etc. tags to the new font in the quick css or the custom css file? </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-46177 Wed, 14 Mar 2012 07:34:43 +0000 Dude 46177@http://www.kriesi.at/support/ <p>Hi! </p> <p> Make sure that the font files are located in the same folder like custom.css. Otherwise you need to adjust the source paths. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-45902 Mon, 12 Mar 2012 19:33:04 +0000 saranganv 45902@http://www.kriesi.at/support/ <p>Thanks,</p> <p>I tried doing what the tutorial said. I put the following into the custom.css as well as the quick css option file and it didn't change the font.</p> <p>Is there something that i'm missing?</p> <p>@font-face {<br /> font-family: 'LondonTubeNormal';<br /> src: url('london-tube-webfont.eot');<br /> src: url('london-tube-webfont.eot?#iefix') format('embedded-opentype'),<br /> url('london-tube-webfont.woff') format('woff'),<br /> url('london-tube-webfont.ttf') format('truetype'),<br /> url('london-tube-webfont.svg#LondonTubeNormal') format('svg');<br /> font-weight: normal;<br /> font-style: normal;</p> <p>} </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-44957 Wed, 07 Mar 2012 10:02:00 +0000 Chris Beard 44957@http://www.kriesi.at/support/ <p>Hey,</p> <p>to use custom fonts there are some great guides. For example: <a href="http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/">This one</a> or just a fast snippet:<a href="http://css-tricks.com/snippets/css/using-font-face/">css-tricks.com/font-face</a>.</p> <p>To use these you can add the given CSS to the top of your custom.css and add the styling to whichever element you'd like as explained <a href="http://www.kriesi.at/support/topic/headline-styling#post-42835">in this support topics</a>.</p> <p>If you'd like to use Google Fonts try <a href="http://www.kriesi.at/support/topic/how-to-add-more-google-fonts#post-37057">this support topic.</a>.</p> <p>I hope this helps.</p> <p>Cheers,<br /> Chris </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-44360 Fri, 02 Mar 2012 11:56:14 +0000 saranganv 44360@http://www.kriesi.at/support/ <p>Hi does any one have a response for this please? </p> http://www.kriesi.at/support/topic/using-custom-fonts-for-nav-headers-paragraphs-etc#post-43522 Sun, 26 Feb 2012 03:05:41 +0000 saranganv 43522@http://www.kriesi.at/support/ <p>Hi, I want to usee custom fonts (from .otf or .ttf formats) within my site <a href="http://cheeses.testingse.com" rel="nofollow">http://cheeses.testingse.com</a> </p> <p>Can someone tell me how this can be done.</p> <p>Thanks </p>