Installing Custom Font on S40?

**RRM** · 2013-03-22, 05:40

Hi,

I want Malayalam fonts in my web apps application for s40 .
Is it possible to install custom fonts on S40 phones? If it is possible, can I have some pointers to do this in s40 web apps?

Thanks!

**james1980** · 2013-03-22, 06:16

Hi RRM,
Check this Thread. Similar discussion for javaME is there that might be useful for you.

**croozeus** · 2013-03-22, 06:19

Originally Posted by RRM

Hi,

I want Malayalam fonts in my web apps application for s40 .
Is it possible to install custom fonts on S40 phones? If it is possible, can I have some pointers to do this in s40 web apps?

Thanks!

The Nokia font is the only one available for use in web apps as of now: Additional fonts cannot be downloaded.
The font does, however, offer several point sizes and text effects such as bold and italic.

Do you have an issue with rendering malayalam with Nokia font?

**RRM** · 2013-03-22, 08:57

Hi,
I have download NokiaKokia.ttf font. Then
How to integrate NokiaKokia.ttf fonts in my application s40 web apps.

Thanks & Regards

**croozeus** · 2013-03-22, 09:07

Originally Posted by RRM

Hi,
I have download NokiaKokia.ttf font. Then
How to integrate NokiaKokia.ttf fonts in my application s40 web apps.

Thanks & Regards

You can't use them, the S40 Web App platform doesn't support using other font yet.

**RRM** · 2013-03-22, 09:11

Hi croozeus ,

Thanks you for your reply

**RRM** · 2013-03-26, 05:23

Hi,

I tried following code to set malayalam font. Its is working in Nokia web app Simulator, but not in device. Can u explain reason?

My code is

Css file

@charset "utf-8";

.ui-label_S40label {
color: white;
font-size: small;
font-family: Manorama;
background-color: #B5B5B5;
padding: 8px;
background-image: url(../images/title-bar.png);
overflow: hidden;
}
#ss
{
font-family:Manorama;
}
@font-face
{
font-family: Manorama;
src: url(../../font/Manorama.ttf)format('truetype');
font-weight: normal;
font-style: normal;
}

Html file

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TestApp</title>
<link href="s40-theme/css/s40-theme.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="s40-theme/js/screensize.js"></script>
<script type="text/javascript">
function refreshPageContent() {
// Add code for refreshing te page here...
}
</script>
<link rel="stylesheet" type="text/css" href="s40-theme/css/s40-theme_text_field.css" />
<link rel="stylesheet" type="text/css" href="s40-theme/css/s40-theme_labeled_title.css" />

</head>

<body>
<div class="ui-page">

<div class="ui-header">
<div class="ui-title inline"><h2>TestApp</h2></div><div class="refresh-icon inline"><a onclick="refreshPageContent();"></a><img alt="icon" src="s40-theme/images/refresh_40x40.png" /></div>
</div>
<div class="ui-content">

<div class="font-face" id="ss">ùÏßWÉÞÄÏíAí çÕIß ÉÃ¢ ÈàAßÕÏíAÞÈßæˆKá ÎdLß ¦øcÞ¿X ÎáÙNÆí. §çMÞÝæJ... </div>
</div>

</div>
</body>
</html>

**petrib** · 2013-03-26, 06:18

Originally Posted by RRM

I tried following code to set malayalam font. Its is working in Nokia web app Simulator, but not in device. Can u explain reason?

Just a guess: The're different implementations. I.e., the simulator is an "approximator", not the same code with the same behaviour.

As mentioned above: "S40 Web App platform doesn't support using other font yet. " (And "yet" might also mean "never", but only Nokia knows for sure.)

Also, use the CODE tags, when you post code. It'll preserve formatting/intendation and keep the code readable

**croozeus** · 2013-03-26, 11:24

Exactly what Petrib said - unfortunately, the simulator is a (webkit based) different implementation from the actual Nokia Xpress browser you have on the phone. There are many things that work on the simulator which are not supported (and mentioned to be not supported in the documentation) by the S40 Web App platform.

Again, custom font is not supported in S40 Web Apps. If you feel it is a really important feature - you can raise a feature request here.

Discussion Board

Thread: Installing Custom Font on S40?

Thread Tools

Search Thread

Rate This Thread

Display

Similar Threads

Installing Custom Font on S40

Custom font

custom font for my app changes all applications font

Custom font becomes the default font (Nokia 9210/9500)

custom font

Posting Permissions