http://www.kriesi.at/support/topic/different-font-for-page-titles-on-mobile-devices Support Forum - Topic: Different font for page titles on mobile devices en-US Thu, 23 May 2013 05:08:24 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/different-font-for-page-titles-on-mobile-devices#post-82811 Thu, 08 Nov 2012 03:55:24 +0000 Devin 82811@http://www.kriesi.at/support/ <p>We try and help where we can if its short and won't cause any further need for support on what we help with but glad to help :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/different-font-for-page-titles-on-mobile-devices#post-82776 Wed, 07 Nov 2012 21:41:53 +0000 ykblue 82776@http://www.kriesi.at/support/ <p>Hi Devin - thanks ever so much; this did it.<br /> Special thanks, 'cause this was more a question helping me out of my non-knowledge of CSS than of generic Propulsion support.</p> <p>Best, Katharina </p> http://www.kriesi.at/support/topic/different-font-for-page-titles-on-mobile-devices#post-82762 Wed, 07 Nov 2012 19:54:53 +0000 Devin 82762@http://www.kriesi.at/support/ <p>Put the media queries at the end so that they get processed *after* the font is set originally. That should do it :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/different-font-for-page-titles-on-mobile-devices#post-82715 Wed, 07 Nov 2012 16:33:32 +0000 ykblue 82715@http://www.kriesi.at/support/ <p>Thanks, Devin.<br /> Your suggestion is exactly what I went for before asking here. I inserted the @media only screen.... into the custom.css right before the line where Microgramma comes up first time ever. It just does not work. I uploaded this version of custom.css again if you want to take a look.<br /> All the other applications work fine on both the iPhone and the large screen; it's just these headlines.</p> <p>For webink-font I had to add this line to the header.php - does this interfer with the custom.css??? Usually it doesn't. Usually...<br /> <code>&lt;link href=&quot;http://fnt.webink.com/wfs/webink.css/?project=03C0CC0B-6749-4BE0-9F9C-3EDFF0D5618A&amp;fonts=91003C68-4DBD-5A66-C7F4-8D9AD0BA1F28:f=MicrogrammaD-MedExt&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;</code></p> <p>Would it make any sense to change the layout.css to what I want? </p> <p>Regards, Katharina </p> http://www.kriesi.at/support/topic/different-font-for-page-titles-on-mobile-devices#post-82691 Wed, 07 Nov 2012 15:19:28 +0000 Devin 82691@http://www.kriesi.at/support/ <p>Hi Katharina,</p> <p>You have the font set in your custom.css which gets loaded afer the layout.css. This means your css rule takes priority. Try making a new media query in your custom.css for the change you want to happen:<br /> <pre><code>/* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { h1 {font-family: Droid Sans; } }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/different-font-for-page-titles-on-mobile-devices#post-82630 Wed, 07 Nov 2012 09:17:52 +0000 ykblue 82630@http://www.kriesi.at/support/ <p>Hi,<br /> I've installed the webink font "Microgramma" for the page titles. This font should NOT appear when site is viewed on an iPhone.<br /> Could you please give me a hint how to achieve this?<br /> In the layout.css there are the lines @media screens (line #20479); here the correct font for mobile devices Droid Sans is stated - but still on the mobile phones the "Microgramma" appears. site (on testserver): esc-rollout.de</p> <p>Your assistance is appreciated - as always ;)</p> <p>Regards, Katharina </p>