http://themify.me/forum/tags.php?tag=themify-styling-panel Themify Support Forums en-US Sun, 19 May 2013 07:04:01 +0000 http://bbpress.org/?v=1.0.2 q http://themify.me/forum/search.php http://themify.me/forum/topic.php?id=2112#post-16362 Wed, 16 May 2012 19:18:50 +0000 Nick @ Themify 16362@http://themify.me/forum/ <p>@Adrianne - The font URL path has to be absolute (eg. <a href="http://yoursite.com/font.eot" rel="nofollow">http://yoursite.com/font.eot</a>). </p> http://themify.me/forum/topic.php?id=2112#post-15508 Mon, 30 Apr 2012 04:24:37 +0000 Adrianne Padua 15508@http://themify.me/forum/ <p>Hello,</p> <p>I followed your custom fonts tutorial with one of my sites using the Funki theme (<a href="http://seiichi-ushimi.net" rel="nofollow">http://seiichi-ushimi.net</a>) and it works well.</p> <p>Now I'm using the same tutorial with a new site using the Elemin theme (<a href="http://lets-volt.in" rel="nofollow">http://lets-volt.in</a>) but none of the fonts were changed.</p> <p>This is the CSS code that I'm doing at the Custom CSS section. Maybe there's something wrong there?</p> <p>@font-face {<br /> font-family: 'JennaSueRegular';<br /> src: url('jennasue-webfont.eot');<br /> src: url('jennasue-webfont.eot?#iefix') format('embedded-opentype'),<br /> url('jennasue-webfont.woff') format('woff'),<br /> url('jennasue-webfont.ttf') format('truetype');<br /> font-weight: normal;<br /> font-style: normal;</p> <p>}</p> <p>@font-face {<br /> font-family: 'AndalusRegular';<br /> src: url('andlso-webfont.eot');<br /> src: url('andlso-webfont.eot?#iefix') format('embedded-opentype'),<br /> url('andlso-webfont.woff') format('woff'),<br /> url('andlso-webfont.ttf') format('truetype');<br /> font-weight: normal;<br /> font-style: normal;<br /> color: #000066;<br /> }</p> <p>h1, h2, h3, h4, h5, h6, .widgettitle, .post-title, .page-title {<br /> font-family: 'JennaSueRegular';<br /> }</p> <p>p {<br /> font-family: 'AndalusRegular';<br /> } </p> http://themify.me/forum/topic.php?id=2112#post-14747 Fri, 13 Apr 2012 20:41:48 +0000 Chuck Spidell 14747@http://themify.me/forum/ <p>I'm using the <a href="http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax">Bulletproof syntax</a> for @font-face on Tisa and it renders fonts quite well. </p> http://themify.me/forum/topic.php?id=2112#post-14685 Thu, 12 Apr 2012 20:36:27 +0000 Mark Gould 14685@http://themify.me/forum/ <p>It's no problem at all using the integration methods you are suggesting. Believe me, I've worked with some serious programmers and I've always been in awe of what they do and how they can evolve and change things. Me, I'm just a front-end developer/designer type guy. I'm just saying, I think web fonts will have really evolved and matured when adding custom code for a font-family "automatically" adds the font to a pull-down list. That would be heaven. Thanks! </p> http://themify.me/forum/topic.php?id=2112#post-14564 Tue, 10 Apr 2012 22:10:13 +0000 Nick @ Themify 14564@http://themify.me/forum/ <p>Because there are too many custom fonts (whether Typekit, Google Fonts, or custom fonts), we've decided not to add them in the framework font select list. They can be easily integrated with custom_style.css, Styling &gt; Custom CSS, and Header/Footer Code panel. </p> http://themify.me/forum/topic.php?id=2112#post-14379 Thu, 05 Apr 2012 21:16:24 +0000 Mark Gould 14379@http://themify.me/forum/ <p>Not sure if you want replies and questions about web fonts posted here, let us know..</p> <p>I'm using Adobe/Typekit, one assumes the placing and format for any font-family CSS3 would be the same as for Google fonts? </p> <p>Wonder if at some point in the Themify Styling panel the pull down menus for heading and body fonts might include (show up) in the menus once they were added to the Custom CSS or custom_style.css if they are written and placed properly?</p> <p>Mark (SFesthetik) </p> http://themify.me/forum/topic.php?id=2112#post-9917 Mon, 23 Jan 2012 22:49:09 +0000 Nick @ Themify 9917@http://themify.me/forum/ <p>To add Google fonts, we have this tutorial: <a href="http://themify.me/docs/google-fonts" rel="nofollow">http://themify.me/docs/google-fonts</a></p> <p>To add custom fonts, here are the steps:<br /> 1. Convert the font that you want to use at: <a href="http://www.fontsquirrel.com/fontface/generator" rel="nofollow">http://www.fontsquirrel.com/fontface/generator</a> or <a href="http://fontface.codeandmore.com" rel="nofollow">http://fontface.codeandmore.com</a><br /> 2. Follow this tutorial to include the font in your CSS (it can be included in Themify &gt; Styling &gt; Custom CSS or custom_style.css): <a href="http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax" rel="nofollow">http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax</a><br /> 3. Specify the elements where you want to apply the custom font. Example:<br /> <pre><code>h1, h2, h3, h4, h5, h6, #site-logo, .post-title, .widgettitle { font-family: &quot;Custom Font Name&quot;; }</code></pre> <p>UPDATE:<br /> Please refer to this tutorial for more details: <a href="http://themify.me/docs/custom-font-face" rel="nofollow">http://themify.me/docs/custom-font-face</a> </p>