Wie ändere ich das Schriftbild von Webview in Android?

Möchte ich ändern Sie die Standard-schriftart von "Webansicht" aus, um eine benutzerdefinierte schriftart. Ich bin mit webview bei der Entwicklung eines zweisprachigen browser-app für Android.

Ich versucht, immer eine Instanz des benutzerdefinierten schriftart, indem ich die benutzerdefinierte schriftart in Vermögenswerte. Aber noch konnte nicht setzen webview ist die Standard-schriftart auf meine Schrift.

Dies ist, was ich versucht habe:

Typeface font = Typeface.createFromAsset(getAssets(), "myfont.ttf"); 
private WebView webview;
WebSettings webSettings = webView.getSettings();
webSettings.setFixedFontFamily(font);

Kann jemand dies korrigieren, oder schlagen eine andere Methode zum ändern webview Standard-schriftart, um eine benutzerdefinierte schriftart?

Dank!

InformationsquelleAutor der Frage Dhanika | 2010-10-10

87

Gibt es ein funktionierendes Beispiel in dieses Projekt. Es hinausläuft:
1. In Ihrem assets/fonts Ordner, legen Sie die gewünschte OTF-oder TTF-Schrift (hier MyFont.otf)
2. Erstellen Sie eine HTML-Datei, die Sie verwenden werden, für die der WebView den Inhalt, die innerhalb der assets Ordner (hier im assets/demo/my_page.html):
```
<html>
<head>
<style type="text/css">
@font-face {
    font-family: MyFont;
    src: url("file:///android_asset/fonts/MyFont.otf")
}
body {
    font-family: MyFont;
    font-size: medium;
    text-align: justify;
}
</style>
</head>
<body>
Your text can go here! Your text can go here! Your text can go here!
</body>
</html>
```
3. Laden der HTML-Code in den WebView code:
```
webview.loadUrl("file:///android_asset/demo/my_page.html");
```
Beachten Sie, dass die Injektion der HTML durch loadData() ist nicht gestattet. Gemäß der Dokumentation:

Beachten Sie, dass JavaScript die same-origin-policy bedeutet, dass Skripts in eine Seite geladen ist mit dieser Methode nicht für den Zugriff auf Inhalte geladen mit jedem Schema, als 'Daten', einschließlich 'http(s)". Um diese Einschränkung zu vermeiden, verwenden Sie loadDataWithBaseURL() mit einer geeigneten base-URL.

Als @JaakL schlägt in den Kommentar unten, für das laden von HTML-Code aus einem string, sollten Sie stattdessen bieten die Basis-URL, der auf Ihre Vermögenswerte:
```
webView.loadDataWithBaseURL("file:///android_asset/", htmlData);
```
Beim Verweis auf die schriftart in htmlData Sie können dann nutzen Sie einfach /fonts/MyFont.otf (wobei die Basis-URL).

InformationsquelleAutor der Antwort Paul Lammertsma

Ich bin mit diesem code :

wv = (WebView) findViewById(R.id.webView1);
String pish = "<html><head><style type=\"text/css\">@font-face {font-family: MyFont;src: url(\"file:///android_asset/font/BMitra.ttf\")}body {font-family: MyFont;font-size: medium;text-align: justify;}</style></head><body>";
String pas = "</body></html>";
String myHtmlString = pish + YourTxext + pas;
wv.loadDataWithBaseURL(null,myHtmlString, "text/html", "UTF-8", null);

InformationsquelleAutor der Antwort Omid Omidi

45

Sogar noch einfacher, Sie können die Asset-URL-format, Verweis auf die Schrift. Keine Programmierung erforderlich!
```
@font-face {
   font-family: 'myface';
   src: url('file:///android_asset/fonts/myfont.ttf'); 
} 

body { 
   font-family: 'myface', serif;
```
...

InformationsquelleAutor der Antwort Dan Syrstad

Kann man das in Android. Ich brauchte drei Tage, um dieses Problem zu lösen. Aber jetzt scheint es sehr einfach.
Gehen Sie folgendermaßen vor, um benutzerdefinierte schriftart für Webview

1.Fügen Sie Ihre schriftart Ordner "assets"

2.Kopieren Sie die font-Anwendung, die Dateien von Verzeichnis

private boolean copyFile(Context context,String fileName) {
        boolean status = false;
        try { 
            FileOutputStream out = context.openFileOutput(fileName, Context.MODE_PRIVATE);
            InputStream in = context.getAssets().open(fileName);
            //Transfer bytes from the input file to the output file
            byte[] buf = new byte[1024];
            int len;
            while ((len = in.read(buf)) > 0) {
                out.write(buf, 0, len);
            }
            //Close the streams
            out.close();
            in.close();
            status = true;
        } catch (Exception e) {
            System.out.println("Exception in copyFile:: "+e.getMessage());
            status = false;
        }
        System.out.println("copyFile Status:: "+status);
        return status;
    }

3.Sie haben nach Aufruf der obigen Funktion nur einmal (Sie finden einige Logik für diese).

copyFile(getContext(), "myfont.ttf");

4.Verwenden Sie den nachstehenden code, um Wert für Ihre webview. Hier bin ich mit CSS schriftart festlegen.

private String getHtmlData(Context context, String data){
    String head = "<head><style>@font-face {font-family: 'verdana';src: url('file://"+ context.getFilesDir().getAbsolutePath()+ "/verdana.ttf');}body {font-family: 'verdana';}</style></head>";
    String htmlData= "<html>"+head+"<body>"+data+"</body></html>" ;
    return htmlData;
 }

5.Sie können rufen Sie die obige Funktion, wie unten

webview.loadDataWithBaseURL(null, getHtmlData(activity,htmlData) , "text/html", "utf-8", "about:blank");

InformationsquelleAutor der Antwort binary

ich dies durch die oberen Antworten mit diesen Ergänzungen:

webView.loadDataWithBaseURL("file:///android_asset/",
                            WebClient.getStyledFont(someText),
                            "text/html; charset=UTF-8", null, "about:blank");

und verwenden Sie dann src: url("file:///android_asset/fonts/YourFont...

public static String getStyledFont(String html) {
    boolean addBodyStart = !html.toLowerCase().contains("<body>");
    boolean addBodyEnd = !html.toLowerCase().contains("</body");
    return "<style type=\"text/css\">@font-face {font-family: CustomFont;" +
            "src: url(\"file:///android_asset/fonts/Brandon_reg.otf\")}" +
            "body {font-family: CustomFont;font-size: medium;text-align: justify;}</style>" +
            (addBodyStart ? "<body>" : "") + html + (addBodyEnd ? "</body>" : "");
}

vielen Dank an alle:)

InformationsquelleAutor der Antwort V. Kalyuzhnyu

Viele der oben genannten Antworten Arbeit liegen ein Charme, wenn Sie Ihre Inhalte im Ordner "assets".

Jedoch, wenn Sie mich mögen, möchten, downloaden Sie und speichern Sie alle Ihre Vermögenswerte von einem server zum internen Speicher Sie können stattdessen loadDataWithBaseURL und verwenden Sie einen Verweis auf Ihre internen Speicher als die baseUrl. Dann werden alle Dateien relativ zu der geladenen html-und werden gefunden und richtig benutzt.

In meinem internen Speicher habe ich gespeichert haben, die folgenden Dateien:

IndigoAntiqua2Text-Regelmäßig.ttf
Stil.css
Bild.png

Dann habe ich den folgenden code verwenden:

WebView web = (WebView)findViewById(R.id.webby);
//For avoiding a weird error message
web.setLayerType(View.LAYER_TYPE_SOFTWARE, null);

String webContent = "<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><link rel=\"stylesheet\" href=\"style.css\"></head>"
                            + "<body><img src='image.png' width=\"100px\"><div class=\"running\">I am a text rendered with INDIGO</div></body></html>";

String internalFilePath = "file://" + getFilesDir().getAbsolutePath() + "/";
web.loadDataWithBaseURL(internalFilePath, webContent, "text/html", "UTF-8", "");

CSS-Datei verwendet, in der obigen html-Code (Stil.css):

@font-face {
  font-family: 'MyCustomRunning';
  src: url('IndigoAntiqua2Text-Regular.ttf')  format('truetype');
}

.running{
    color: #565656;
     font-family: "MyCustomRunning";
     font-size: 48px;
}

Ich habe nur versucht, diese während targeting minSdkVersion 19 (4.4) also ich habe keine Ahnung, ob es funktioniert auf anderen Versionen

InformationsquelleAutor der Antwort lejonl

1

Können Sie es tun durch die Verwendung von CSS. Ich habe es mit einer app, aber es funktioniert nicht in Android 2.1, wie es ist ein bekannter bug mit Android-browser 2.1.

InformationsquelleAutor der Antwort
1

Das Problem ist, es muss in einen Ordner, versuchen Sie,". /myfont.ttf" statt, wenn nicht die schriftart in einem Ordner in assets wie "fonts/myfont.ttf", die die Arbeit für Sie sicher.

InformationsquelleAutor der Antwort schwiz

 webview= (WebView) findViewById(R.id.webview);
 String myCustomStyleString="<style type=\"text/css\">@font-face {font-family: MyFont;src: url(\"file:///android_asset/fonts/iranian_sans.ttf\")}body,* {font-family: MyFont; font-size: 13px;text-align: justify;}img{max-width:100%;height:auto; border-radius: 8px;}</style>";
 webview.loadDataWithBaseURL("", myCustomStyleString+"<div style=\"direction:rtl\">"+intentpost.getStringExtra("content")+"</div>", "text/html", "utf-8", null);

InformationsquelleAutor der Antwort Suport Pfrproject

-2

Dies ist, wie wollen Sie laden htmlData in einem webview:
```
webview.loadDataWithBaseURL(null, getHtmlData(activity,**htmlData**) , "text/html", "utf-8", "about:blank");
```
wo getHtmlData(activity,**htmlData**) gibt einen string zurück, der html-code.

InformationsquelleAutor der Antwort Alex Aung

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.