http://www.kriesi.at/support/topic/font-face-with-angular-theme Support Forum - Topic: @font-face with Angular theme en-US Thu, 23 May 2013 13:22:49 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/font-face-with-angular-theme#post-59969 Wed, 13 Jun 2012 05:58:29 +0000 Ismael 59969@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad it is fixed.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/font-face-with-angular-theme#post-59955 Wed, 13 Jun 2012 04:07:07 +0000 smonfils 59955@http://www.kriesi.at/support/ <p>Hey Dude,</p> <p>This turned out to be a simple permissions issue with my hosting. I had it fixed, retested, and the custom fonts work great!</p> <p>Thanks for the insight. </p> http://www.kriesi.at/support/topic/font-face-with-angular-theme#post-58654 Mon, 04 Jun 2012 06:33:39 +0000 Dude 58654@http://www.kriesi.at/support/ <p>I tried to access eg <a href="http://stevemonfils.com/wp-content/themes/angular/fonts/zag/zag_bold-webfont.eot" rel="nofollow">http://stevemonfils.com/wp-content/themes/angular/fonts/zag/zag_bold-webfont.eot</a> directly but it gives me a 404 error. I'd check if the path is correct, if the file exists and the ftp permission rules for the fonts directory. </p> http://www.kriesi.at/support/topic/font-face-with-angular-theme#post-58201 Thu, 31 May 2012 02:29:04 +0000 smonfils 58201@http://www.kriesi.at/support/ <p>Hey Dude,</p> <p>Sorry for the delay. I had to get my site live over the last couple days (I was using a maintenance mode plugin while working on it).</p> <p>I decided to activate a custom font through the theme for the time-being, and turned of my @font-face code, but the font files are located in a folder named "fonts", one directory outside of the custom.css file. I should add that I had no custom fonts selected when I originally tried to get this to work. I hope this helps.</p> <p>The link to my site is:<br /> <a href="http://stevemonfils.com/" rel="nofollow">http://stevemonfils.com/</a></p> <p>Thanks </p> http://www.kriesi.at/support/topic/font-face-with-angular-theme#post-57697 Sun, 27 May 2012 08:21:02 +0000 Dude 57697@http://www.kriesi.at/support/ <p>Can you post a link to your website please? Maybe the fonts don't load properly because the url/path is wrong. Personally I always add the font folder to the css folder (angular/css) and then you just need to use " src: url('fonts/zag/zag_bold-webfont.eot'); " in css/custom.css. </p> http://www.kriesi.at/support/topic/font-face-with-angular-theme#post-57309 Thu, 24 May 2012 03:38:55 +0000 smonfils 57309@http://www.kriesi.at/support/ <p>Hello,</p> <p>I'm making modifications to the Angular theme I recently purchased, and I've hit a roadblock when trying to use @font-face.</p> <p>I have 3 main fonts I want to use for different elements throughout the site. Currently, I have the font kits in a folder I added to the Angular theme content (I originally had them on my root and tried globally linking them. This was unsuccessful as well).</p> <p>Here's my markup for one of the fonts (would post all 3, but I'm using the same syntax for all of them):</p> <p>@font-face {<br /> font-family: 'ZagBoldRegular';<br /> src: url('../fonts/zag/zag_bold-webfont.eot');<br /> src: url('../fonts/zag/zag_bold-webfont.eot?#iefix') format('embedded-opentype'),<br /> url('../fonts/zag/zag_bold-webfont.woff') format('woff'),<br /> url('../fonts/zag/zag_bold-webfont.ttf') format('truetype'),<br /> url('../fonts/zag/zag_bold-webfont.svg#ZagBoldRegular') format('svg');<br /> font-weight: normal;<br /> font-style: normal;<br /> }</p> <p>Then I try to apply it to all h1 tags:</p> <p>h1 {<br /> font-family: ZagBoldRegular; /* tried this with and without quotes) */<br /> font-weight: normal;<br /> }</p> <p>But unfortunately, this has no effect. I read a couple other threads where this was happening, but they were for different themes. I tried a couple solutions and had no luck.</p> <p>Do you have any idea how I might be able to fix this? Thanks in advance for your help. </p>