Android WebView safe font family

androidfont familyfontswebview

No, like others, I don't want to use custom fonts. I am looking for list of WebView safe fonts that can be used without using CSS3's custom @font-face, which loads ttf/wof/eot font from web/local storage.

More refined question would be:
What are the list font's that are included with Android Operating System which can be used inside WebView?

For example, Arial, Verdana, sans-serif, etc font can be used (not sure), so where exactly to look for to be 100% sure?

Thanks

Best Answer

Webview: It uses the WebKit rendering engine to display web pages

According to the source code, android.webkit.WebSettings contains the following fields:

private String          mStandardFontFamily = "sans-serif";
private String          mFixedFontFamily = "monospace";
private String          mSansSerifFontFamily = "sans-serif";
private String          mSerifFontFamily = "serif";
private String          mCursiveFontFamily = "cursive";
private String          mFantasyFontFamily = "fantasy";

Accordingly, these are the fonts.

There is probably more fonts buried somewhere in the WebKit. However, they do not appear to be accessible.

This complies with the default fonts of Linux:

Sans-serif fonts: Arial Black, Arial, Comic Sans MS, Trebuchet MS, and Verdana
Serif fonts: Georgia and Times New Roman
Monospace fonts: Andale Mono and Courier New
Fantasy fonts: Impact and Webdings

Bottom line, there is no comprehensive list of fonts for the Android WebKit.

Related Solutions

Android – How to close/hide the Android soft keyboard programmatically

You can force Android to hide the virtual keyboard using the InputMethodManager, calling hideSoftInputFromWindow, passing in the token of the window containing your focused view.

// Check if no view has focus:
View view = this.getCurrentFocus();
if (view != null) {  
    InputMethodManager imm = (InputMethodManager)getSystemService(Context.INPUT_METHOD_SERVICE);
    imm.hideSoftInputFromWindow(view.getWindowToken(), 0);
}

This will force the keyboard to be hidden in all situations. In some cases, you will want to pass in InputMethodManager.HIDE_IMPLICIT_ONLY as the second parameter to ensure you only hide the keyboard when the user didn't explicitly force it to appear (by holding down the menu).

Note: If you want to do this in Kotlin, use: context?.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager

Kotlin Syntax

// Only runs if there is a view that is currently focused
this.currentFocus?.let { view ->
    val imm = getSystemService(Context.INPUT_METHOD_SERVICE) as? InputMethodManager
    imm?.hideSoftInputFromWindow(view.windowToken, 0)
}

Android – How to stop EditText from gaining focus at Activity startup in Android

Excellent answers from Luc and Mark. However, a good code sample is missing. Adding the tags android:focusableInTouchMode="true" and android:focusable="true" to the parent layout (e.g. LinearLayout or ConstraintLayout) like in the following example, will fix the problem.

<!-- Dummy item to prevent AutoCompleteTextView from receiving focus -->
<LinearLayout
    android:focusable="true" 
    android:focusableInTouchMode="true"
    android:layout_width="0px" 
    android:layout_height="0px"/>

<!-- :nextFocusUp and :nextFocusLeft have been set to the id of this component
to prevent the dummy from receiving focus again -->
<AutoCompleteTextView android:id="@+id/autotext"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"
    android:nextFocusUp="@id/autotext" 
    android:nextFocusLeft="@id/autotext"/>

Best Answer

Related Solutions

Android – How to close/hide the Android soft keyboard programmatically

Android – How to stop EditText from gaining focus at Activity startup in Android

Related Topic