Joomla Templates Club 406,261 posts

[surajjoseph Friend surajjosephJoin date: October 2008Posts: 15Downloads:3Uploads:2 Thanks: 3]

#172203

Hi,
Where should I define font if I want to use custom fonts in mobile devices template?
Thanks

[issay Friend issayJoin date: November 2009Posts: 114Downloads:0Uploads:22 Thanks: 26 Thanked: 5 times in 1 posts]

#431385

open this file , and add the code below.
templatesja_teline_ivcssiphonetemplate.css

@font-face {
font-family: ‘xxxxxxxfont’;
src: url(http://site.com/xxxxxxxfont‘.otf) format(“opentype”);
font-style: normal;
}

AND be sure to change font family name to new font name in these files:

pluginssystemjat3jat3base-themesdefaultcssiphonetemplate.css
pluginssystemjat3jat3base-themesdefaultcssiphonelayout.css

and newspro module’s css files also

[surajjoseph Friend surajjosephJoin date: October 2008Posts: 15Downloads:3Uploads:2 Thanks: 3]

#431405

Thanks issay,
Will this also works for android and other handheld devices?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#431408

<em>@surajjoseph 291478 wrote:</em><blockquote>Thanks issay,
Will this also works for android and other handheld devices?</blockquote>
Is/Are there CSS files for other mobile devices within that same path?

(i.e. pluginssystemjat3jat3base-themesdefaultcss)

[surajjoseph Friend surajjosephJoin date: October 2008Posts: 15Downloads:3Uploads:2 Thanks: 3]

#431413

<em>@TomC 291482 wrote:</em><blockquote>Is/Are there CSS files for other mobile devices within that same path?

(i.e. pluginssystemjat3jat3base-themesdefaultcss)

</blockquote>

These are the files in the CSS folder.
Image attached.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#431414

In that case, I am thinking the css you would want to modify for android would be found within the “handheld” folder.

[issay Friend issayJoin date: November 2009Posts: 114Downloads:0Uploads:22 Thanks: 26 Thanked: 5 times in 1 posts]

#431426

<em>@surajjoseph 291478 wrote:</em><blockquote>Thanks issay,
Will this also works for android and other handheld devices?</blockquote>

I tested my site on iphone only. and in this way font works. also I think if u add font code to other devices css fill it will work

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#431428

<em>@issay 291503 wrote:</em><blockquote>I tested my site on iphone only. and in this way font works. also I think if u add font code to other devices css fill it will work</blockquote>

i.e. the CSS within the “handheld” folder – as mentioned above. 😎

[surajjoseph Friend surajjosephJoin date: October 2008Posts: 15Downloads:3Uploads:2 Thanks: 3]

#431579

Thanks… it is working.

[Author]

Posts