Police personnalisée pour les webview

Je suis en train d'établir une nouvelle police personnalisée (otf fichier) pour ma vue web.

J'ai mis anbaaarabic_bold.otf dans le fichier d'actifs.

Il est de savoir comment je le fais:

String head = "<head><style>@font-face {font-family: 'verdana';src: url('file://"+ getActivity().getFilesDir().getAbsolutePath()+ "/anbaaarabic_bold.otf');}body {font-family: 'verdana';}</style></head>";
String htmlData= "<html>"+head+"<body style=\"font-family: verdana\">"+body+"</body></html>" ;

mBodyArticle.loadDataWithBaseURL("http://nada", htmlData,
                    "text/html", "utf-8", "");

corps : contenir mon code html.

Je ne sais pas pourquoi la police ne fonctionne pas pour mon webview. le corps html de police ne change pas.

  • J'ai une question pour vous???êtes-vous en essayant de ne charger une page en particulier ou vous souhaitez que toutes les pages pour être dans la police personnalisée format?
InformationsquelleAutor haythem souissi | 2013-08-03
  1. 10

    Il y a un rapport de bug pour Android qui semble suggérer que les polices personnalisées ne fonctionne pas pour certaines langues (le Thaï, l'hébreu, le Persan et l'arabe ont été mentionnés). Cela n'a pas été confirmé par personne à partir de Google, mais il y a un certain nombre de personnes qui déclarent le même problème.

    L'une des solutions proposées (dont au moins un utilisateur confirmé de travail) était de convertir la police de la fto à svg. Il y a un certain nombre d'outils en ligne qui va le faire pour vous (Tout De Polices est un exemple), mais vous pouvez avoir des problèmes avec cet être protégées par un droit de police - assurez-vous que votre police d'une licence de telles conversions.

    Aussi, lorsque vous avez converti la police, de l'ouvrir dans un éditeur de texte et vérifiez si l'élément svg est préfixée. Il devrait ressembler à quelque chose comme ceci:

    <svg xmlns="http://www.w3.org/2000/svg">

    Si c'est juste <svg> sans l'espace de noms, vous pouvez avoir besoin d'ajouter l'attribut xmlns manuellement. Apparemment, svg polices sans l'espace de noms ne fonctionne pas non plus.

    • je pense que c'est la bonne solution. Je vais faire un essai et confirmer . Merci
    • j'ai vérifié avec le client le svg police n'a pas fonctionné 🙁
    • Avez-vous assurez-vous que le svg uri d'espace de noms a été fixé?
    InformationsquelleAutor James Holderness
  2. 4

    Pour obtenir de l'URI pour un fichier placé dans /assets dossier, vous devrez utiliser:

    file:///android_asset/file_name

    Essayez le code suivant:

    String head = "<head><style>@font-face {font-family: 'verdana';src: url('file:///android_asset/anbaaarabic_bold.otf');}body {font-family: 'verdana';}</style></head>";
String htmlData= "<html>"+head+"<body style=\"font-family: verdana\">"+body+"</body></html>" ;

mBodyArticle.loadDataWithBaseURL("http://nada", htmlData,
                "text/html", "utf-8", "");

    Assurez-vous que vous utilisez le nom exact du fichier (sensible à la casse).

    • ne fonctionne pas 🙁
    • Pouvez-vous poster le anbaaarabic_bold.otf lien de fichier? J'ai testé ce code avec succès avant de poster la réponse.
    • Merci, je vais essayer d'utiliser cette police et de revenir à vous.
    • Il fonctionne très bien pour moi. J'ai utilisé String body = "<p>لوحة المفاتيح العربية</p> avec le code ci-dessus et le résultat a été comme prévu. Voici une capture d'écran: ge.tt/2Io16uo/v/0?c
    • non ce n'est pas de travail, c'est la police par défaut. La police nous utilisons doit être plus audacieux et avoir un autre regard
    • Vous êtes de droite. Ce n'est pas de travail. J'ai confirmé ce fait en créant votre police d'un TextView et la différence est claire. J'ai essayé une autre police personnalisée(Small caps) dans la WebView, et il a été rendu avec succès. Je ne sais pas pourquoi la police n'est pas de travail.
    • pouvez-vous svp m'envoyer des Smallcaps police? est-ce un arabe de la police? Peut-être Webview ne pas a le plein soutien de la langue arabe? Qu'en pensez-vous?
    • Voici un lien vers SmallCaps police. Il n'est pas un arabe de la police si. Je voulais juste confirmer si une autre police serait de travailler. Et il l'a fait. Le problème semble être avec les polices arabes. Vous pourriez avoir à essayer quelques différentes polices arabes pour voir ce qui fonctionne le mieux pour vous.
    • Supprimé le fichier. Merci pour le heads up.

    InformationsquelleAutor Vikram
  3. 2

    Votre téléphone est équipé d'Android 2.1, par hasard?

    Il y a un bug connu en 2.1. En conséquence, les polices personnalisées ne fonctionne pas pour la version 2.1. Mais cela devrait aussi fonctionner pour la 1.5, 1.6 et 2.2.

    Vous pouvez trouver plus d'informations ici.

    • pas de mon téléphone est un galaxy note android 4.1.2
    InformationsquelleAutor WebViewer
  4. 2

    Ceci est un Exemple de la façon de créer une police de caractères pour webview à l'aide de html. Dans cette vue de définir la police de caractères dans la Chaîne HTML et de les charger avec webview. Mettre la police dans les biens dossier.

    Police personnalisée pour les webview

    Chaque appareil android avoir de police par défaut .En utilisant une police de caractères requis pour donner à votre application regarder et se sentir bien.CLIQUEZ ICI pour en savoir plus sur la police

    Étape :1 créez un nouveau projet d'application Android et copier le code dans le fichier xml
    activity_main.xml: ]

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <WebView
        android:id="@+id/webViewFace"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

    Étape :2
    créer un MainActivity.java dans le dossier src et copier le code

    package com.androidtoppers.typeface;

import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {

 WebView mWebView;


 String htmlstr1="<p style='text-align:right'><H2>Android Toppers</H2></p> <p style='text-align:left'>It is safer to use a JSON parser to convert a JSON text to a JavaScript object.</p>";
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  //TODO Auto-generated method stub
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activtiy_main);

  mWebView = (WebView) findViewById(R.id.webViewFace);
  mWebView.setWebViewClient(new WebViewClient() {

   @Override
   public boolean shouldOverrideUrlLoading(WebView view, String url) {
    //TODO Auto-generated method stub
    view.loadUrl(url);
    return true;
   }
  });
   String head1 = "<head><style>@font-face {font-family: 'arial';src: url('file:///android_asset/fonts/bichkam.ttf');}body {font-family: 'verdana';}</style></head>";
   String text="<html>"+head1
     + "<body style=\"font-family: arial\">" + htmlstr1
     + "</body></html>";

   mWebView.loadDataWithBaseURL("", text, "text/html", "utf-8", "");

 }

}

    pour plus de détails, consultez ce lien : http://velmuruganandroidcoding.blogspot.in/2014/08/set-typeface-for-webview-in-android.html

    InformationsquelleAutor user3921740
  5. 0

    Essayez ce lien 

     <title>example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <style type="text/css">@font-face {font-family: MyCustomFont; src: 

url(file:///android_asset/Bamini.otf)}body {font-family: MyCustomFont, Verdana, Arial, 

sans-serif; font-size: medium; color: black}</head><body>

<h1>tamilStringEncoded </h1></body></html>
    InformationsquelleAutor user3008032
  6. -1

    Je suppose que getActivity().getFilesDir().getAbsolutePath() ne pas vous mettre dans des actifs dossier où votre police réside, de sorte que le changement de police est tout simplement ignoré, comme il ne l'est pas
    Quand j'ai été en utilisant des polices personnalisées, j'ai utilisé le chemin d'accès this.getAssets() + "your_font_name.otf"

    Le code que j'ai utilisé:

    Typeface type = Typeface.createFromAsset(this.getAssets(), fontName);
((TextView) findViewById(R.id.textView1)).setTypeface(type);
    • cela ne fonctionne pas 🙁
    • La QUestion était sur le webview, pas textview
    • .setTypeface(type); n'est applicable que pour l'affichage du texte de pas pour l'affichage web
    InformationsquelleAutor user2302510