Android-使用自定义字体


265

我将自定义字体应用于TextView,但似乎并未更改字体。

这是我的代码:

    Typeface myTypeface = Typeface.createFromAsset(getAssets(), "fonts/myFont.ttf");
    TextView myTextView = (TextView)findViewById(R.id.myTextView);
    myTextView.setTypeface(myTypeface);

谁能让我摆脱这个问题?


1
您的语法有误,应该是myTextView.setTypeface(myTypeface);
yuttadhammo




在这里,你有一个efficent办法改变整个应用程序的字体:stackoverflow.com/questions/18847531/...
迭戈帕洛玛

Answers:


229

在Mobiletuts +上,有很好的Android文本格式教程。快速提示:自定义Android字体

编辑:现在自己测试。这是解决方案。您可以使用一个名为fonts的子文件夹,但是它必须位于assets文件夹中而不是res文件夹中。所以

资产/字体

还要确保字体结尾(我的意思是字体文件本身的结尾都是小写)。换句话说,不应该这样,myFont.TTF但是myfont.ttf 这种方式必须是小写


现在编辑了我对解决方案的回答。
Octavian A. Damiean 2010年

您能给我发送一些工作中的演示项目吗?我已经在assets / fonts / xyz.ttf和assets / xyz.ttf文件夹中都尝试过,但是它不使用该字体。它显示只有默认字体..
响尾蛇

2
当然,这里是指向压缩项目的链接。dl.dropbox.com/u/8288893/customFont.zip
Octavian A. Damiean 2010年

5
如果您跟随该教程,请确保使用路径Typeface.createFromAsset(getAssets(),“ fonts / yourfont.ttf”);。如果已将其放在fonts子目录中
Jameo

不要在文件名中包含“ assets /”(因为createFromAsset函数直接指向assets目录内部)
topher

55

在尝试了该线程中描述的大多数解决方案之后,我意外地发现了Calligraphy(https://github.com/chrisjenx/Calligraphy)-Christopher Jenkins的库,可让您轻松地将自定义字体添加到您的应用程序。与此处建议的方法相比,他的lib的优点是:

  1. 您不必引入自己的替代TextView组件,而使用内置的TextView
  2. 您可以使用gradle轻松包含库
  3. 该库不限制您对字体的选择。您只需将自己喜欢的添加到资产目录
  4. 您不仅会获得自定义文本视图-所有其他基于文本的Android组件也将使用您的自定义字体显示。

1
该库的大小是一个重要的问题,因为这会影响应用程序的大小。
eRaisedToX

32

我知道已经有了很好的答案,但是这是一个可以正常工作的实现。

这是自定义文本视图:

package com.mycompany.myapp.widget;

/**
 * Text view with a custom font.
 * <p/>
 * In the XML, use something like {@code customAttrs:customFont="roboto-thin"}. The list of fonts
 * that are currently supported are defined in the enum {@link CustomFont}. Remember to also add
 * {@code xmlns:customAttrs="http://schemas.android.com/apk/res-auto"} in the header.
 */
public class CustomFontTextView extends TextView {

    private static final String sScheme =
            "http://schemas.android.com/apk/res-auto";
    private static final String sAttribute = "customFont";

    static enum CustomFont {
        ROBOTO_THIN("fonts/Roboto-Thin.ttf"),
        ROBOTO_LIGHT("fonts/Roboto-Light.ttf");

        private final String fileName;

        CustomFont(String fileName) {
            this.fileName = fileName;
        }

        static CustomFont fromString(String fontName) {
            return CustomFont.valueOf(fontName.toUpperCase(Locale.US));
        }

        public Typeface asTypeface(Context context) {
            return Typeface.createFromAsset(context.getAssets(), fileName);
        }
    }

    public CustomFontTextView(Context context, AttributeSet attrs) {
        super(context, attrs);

        if (isInEditMode()) {
            return;
        } else {
            final String fontName = attrs.getAttributeValue(sScheme, sAttribute);

            if (fontName == null) {
                throw new IllegalArgumentException("You must provide \"" + sAttribute + "\" for your text view");
            } else {
                final Typeface customTypeface = CustomFont.fromString(fontName).asTypeface(context);
                setTypeface(customTypeface);
            }
        }
    }
}

这是自定义属性。这应该转到您的res/attrs.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CustomFontTextView">
        <attr name="customFont" format="string"/>
    </declare-styleable>
</resources>

这就是您的使用方式。我将使用相对布局来包装它并显示customAttr声明,但是显然它可以是您已经拥有的任何布局。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:customAttrs="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.mycompany.myapp.widget.CustomFontTextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="foobar"
         customAttrs:customFont="roboto_thin" />

</RelativeLayout>

customAttrs我的项目中指的是什么?
天网

@Skynet指的是在根视图中定义的名称空间xmlns:customAttrs="http://schemas.android.com/apk/res-auto"。这将自动获取为自定义视图设置的属性。在这种情况下,您在attrs.xml中定义了一个名为customFont的属性。一种更容易理解的方法是查看xmlns:android="http://schemas.android.com/apk/res/android"为Android属性定义名称空间的方法。所以,如果你改变了,要a那么代替android:text它会是a:text
CodyEngel '16

14

我以前已经成功使用过。我们的实现之间的唯一区别是,我没有在资产中使用子文件夹。不确定是否会改变任何事情。


13

如果您将字体放置在正确的位置,并且字体文件本身没有错误,则您的代码应该像RATTLESNAKE这样工作。

但是,如果您只需要在布局xml中定义一种字体,就会容易得多,如下所示:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <!-- This text view is styled with the app theme -->
    <com.innovattic.font.FontTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This uses my font in bold italic style" />

    <!-- This text view is styled here and overrides the app theme -->
    <com.innovattic.font.FontTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:flFont="anotherFont"
        android:textStyle="normal"
        android:text="This uses another font in normal style" />

    <!-- This text view is styled with a style and overrides the app theme -->
    <com.innovattic.font.FontTextView
        style="@style/StylishFont"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This also uses another font in normal style" />

</LinearLayout>

随附res/values/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">

    <!-- Application theme -->
    <!-- Use a different parent if you don't want Holo Light -->
    <style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar">
        <item name="android:textViewStyle">@style/MyTextViewStyle</item>
    </style>

    <!-- Style to use for ALL text views (including FontTextView) -->
    <!-- Use a different parent if you don't want Holo Light -->
    <style name="MyTextViewStyle" parent="@android:style/Widget.Holo.Light.TextView">
        <item name="android:textAppearance">@style/MyTextAppearance</item>
    </style>

    <!-- Text appearance to use for ALL text views (including FontTextView) -->
    <!-- Use a different parent if you don't want Holo Light -->
    <style name="MyTextAppearance" parent="@android:style/TextAppearance.Holo">
        <!-- Alternatively, reference this font with the name "aspergit" -->
        <!-- Note that only our own TextView's will use the font attribute -->
        <item name="flFont">someFont</item>
        <item name="android:textStyle">bold|italic</item>
    </style>

    <!-- Alternative style, maybe for some other widget -->
    <style name="StylishFont">
        <item name="flFont">anotherFont</item>
        <item name="android:textStyle">normal</item>
    </style>

</resources>

我专门为此目的创建了两个工具。请参阅来自GitHub的该项目,或查看此博客文章,它解释了整个过程。


13

从Android O预览版中执行此操作的最佳方法是:仅当您拥有android studio-2.4或更高版本时,此方法

才有效

  1. 右键单击res文件夹,然后转到新建> Android资源目录。出现“新
    资源目录”窗口。
  2. 在“资源类型”列表中,选择“ 字体”,然后单击“确定”。
  3. 添加您的字体文件中的字体文件夹 .The文件夹结构下产生R.font.dancing_scriptR.font.la_laR.font.ba_ba
  4. 双击字体文件以在编辑器中预览文件的字体。

接下来,我们必须创建一个字体系列:

  1. 右键单击字体文件夹,然后转到新建>字体资源文件。出现“新资源文件”窗口。
  2. 输入文件名,然后单击确定。新的字体资源XML在编辑器中打开。
  3. 将每个字体文件,样式和粗细属性包含在字体标签元素中。以下XML说明了在字体资源XML中添加与字体相关的属性:

将字体添加到TextView:

   <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:fontFamily="@font/hey_fontfamily"/>

从文档开始

使用字体

所有步骤均正确。


4
ony api> 26((
maXp


这缺少第3个重要步骤...您如何做到这一点?
代码威吉特

12

对于android中的自定义字体,在素材资源文件夹名称中创建一个文件夹,将其“字体”放在所需的fonts.ttf或.otf文件中。

如果扩展UIBaseFragment:

Typeface font = Typeface.createFromAsset(getActivity().getAssets(), "fonts/Arial.ttf");
        tv.setTypeface(font);

否则扩展活动:

Typeface font = Typeface.createFromAsset(getContext().getAssets(), "fonts/Arial.ttf");
        tv.setTypeface(font);

7

您可以在https://github.com/neopixl/PixlUI上使用PixlUI

导入他们的.jar并在XML中使用它

 <com.neopixl.pixlui.components.textview.TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/hello_world"
    pixlui:typeface="GearedSlab.ttf" />

4

由于我对SO上提出的所有解决方案都不满意,因此我提出了我的方案。它基于一个带有标签的小技巧(即您不能在代码中使用标签),我将字体路径放在此处。因此,在定义视图时,您可以执行以下任一操作:

<TextView
        android:id="@+id/textViewHello1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World 1"
        android:tag="fonts/Oswald-Regular.ttf"/>

或这个:

<TextView
        android:id="@+id/textViewHello2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World 2"
        style="@style/OswaldTextAppearance"/>

<style name="OswaldTextAppearance">
        <item name="android:tag">fonts/Oswald-Regular.ttf</item>
        <item name="android:textColor">#000000</item>
</style>

现在,您可以通过以下方式显式访问/设置视图:

TextView textView = TextViewHelper.setupTextView(this, R.id.textViewHello1).setText("blah");

或仅通过以下方式设置所有内容:

TextViewHelper.setupTextViews(this, (ViewGroup) findViewById(R.id.parentLayout)); // parentLayout is the root view group (relative layout in my case)

你问的魔术课是什么?通常是通过另一个SO帖子粘贴的,其中包含针对活动和片段的辅助方法:

import android.app.Activity;
import android.content.Context;
import android.graphics.Typeface;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.HashMap;
import java.util.Map;

public class TextViewHelper {
    private static final Map<String, Typeface> mFontCache = new HashMap<>();

    private static Typeface getTypeface(Context context, String fontPath) {
        Typeface typeface;
        if (mFontCache.containsKey(fontPath)) {
            typeface = mFontCache.get(fontPath);
        } else {
            typeface = Typeface.createFromAsset(context.getAssets(), fontPath);
            mFontCache.put(fontPath, typeface);
        }
        return typeface;
    }

    public static void setupTextViews(Context context, ViewGroup parent) {
        for (int i = parent.getChildCount() - 1; i >= 0; i--) {
            final View child = parent.getChildAt(i);
            if (child instanceof ViewGroup) {
                setupTextViews(context, (ViewGroup) child);
            } else {
                if (child != null) {
                    TextViewHelper.setupTextView(context, child);
                }
            }
        }
    }

    public static void setupTextView(Context context, View view) {
        if (view instanceof TextView) {
            if (view.getTag() != null) // also inherited from TextView's style
            {
                TextView textView = (TextView) view;
                String fontPath = (String) textView.getTag();
                Typeface typeface = getTypeface(context, fontPath);
                if (typeface != null) {
                    textView.setTypeface(typeface);
                }
            }
        }
    }

    public static TextView setupTextView(View rootView, int id) {
        TextView textView = (TextView) rootView.findViewById(id);
        setupTextView(rootView.getContext().getApplicationContext(), textView);
        return textView;
    }

    public static TextView setupTextView(Activity activity, int id) {
        TextView textView = (TextView) activity.findViewById(id);
        setupTextView(activity.getApplicationContext(), textView);
        return textView;
    }
}

4

不幸的是,对此没有好的解决方案。

我看过很多关于使用自定义TextView的文章,但是他们忘记了它,不仅是文本视图可以实现字体,而且在其他视图中也隐藏了文本视图,开发人员无法访问;我什至不打算开始使用Spannable

您可以使用外部字体实用程序,例如:

书法字体工具

这样会遍历应用程序中创建时的每个视图,甚至该实用程序也会丢失某些视图(ViewPager呈现常规字体),那么您就会遇到一个问题,即当Google更新其构建工具时,它有时会崩溃,因为它需要定位已弃用的属性。由于它使用Java的Reflection,因此它也有点慢。

确实,这要由Google来解决。我们需要Android中更好的字体支持。如果您查看iOS的解决方案,它们实际上内置了100多种字体供您选择。需要自定义字体吗?只需放入一个TFF即可使用。

目前,仅限于Google提供给我们的产品,该产品极为有限,但幸运的是,它已针对移动设备进行了优化。


2

调用super和setContentView()之后,请确保将上面的代码粘贴到onCreate ()中。这个小细节让我挂了一段时间。


2

Android 8.0中,使用可以轻松地在应用程序中使用自定义字体downloadable fonts。我们可以将字体直接添加到res/font/ folder项目文件夹中,这样,字体会在Android Studio中自动变为可用。

文件夹下的res,名称为font,类型设置为Font

现在将fontFamily属性设置为字体列表,或单击更多并选择所需的字体。这会将添加tools:fontFamily="@font/your_font_file"到您的TextView。

这将自动生成一些文件。

1.在values文件夹中将创建fonts_certs.xml

2.在清单中,将添加以下行:

  <meta-data
            android:name="preloaded_fonts"
            android:resource="@array/preloaded_fonts" /> 

3。 preloaded_fonts.xml

<resources>
    <array name="preloaded_fonts" translatable="false">
        <item>@font/open_sans_regular</item>
        <item>@font/open_sans_semibold</item>
    </array>
</resources>

2

您可以使用简单的EasyFonts第三方库将各种自定义字体设置为TextView。通过使用该库,您不必担心下载字体并将其添加到Assets / fonts文件夹中。也关于字体对象的创建。

代替

Typeface myTypeface = Typeface.createFromAsset(getAssets(), "fonts/myFont.ttf");
TextView myTextView = (TextView)findViewById(R.id.myTextView);
myTextView.setTypeface(myTypeface);

只是:

TextView myTextView = (TextView)findViewById(R.id.myTextView);
myTextView.setTypeface(EasyFonts.robotoThin(this));

该库还提供以下字体。

  • 机械手
  • Droid Serif
  • 机器人机器人
  • 自由
  • 有趣的人
  • Android国家
  • 绿色鳄梨
  • 承认


1

如果要从网络加载字体或轻松设置其样式,可以使用:

https://github.com/shellum/fontView

例:

<!--Layout-->
<com.finalhack.fontview.FontView
        android:id="@+id/someFontIcon"
        android:layout_width="80dp"
        android:layout_height="80dp" />

//Java:
fontView.setupFont("http://blah.com/myfont.ttf", true, character, FontView.ImageType.CIRCLE);
fontView.addForegroundColor(Color.RED);
fontView.addBackgroundColor(Color.WHITE);

1

好了,七年后,您可以textView使用android.support26 ++库轻松更改整个应用程序或所需的内容。

例如:

创建您的字体包app / src / res / font并将其移动到其中。

在此处输入图片说明

并在您的应用主题中将其添加为fontFamily:

    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
   . . . ...
    <item name="android:fontFamily">@font/demo</item>
</style>

textView仅用于以下示例:

<style name="fontTextView" parent="@android:style/Widget.TextView">
    <item name="android:fontFamily">monospace</item>
</style>

并添加到您的主要主题中:

<item name="android:textViewStyle">@style/fontTextView</item>

目前,它可以在8.1到4.1 API Jelly Bean上使用,范围广泛。


1

更新答案: Android 8.0(API级别26)引入了一项新功能,即XML中的字体。只需在运行Android 4.1(API级别16)及更高版本的设备上使用XML中的字体功能,请使用支持库26。

看到这个链接


旧答案

有两种自定义字体的方法:

!!! 我在Assets / fonts / iran_sans.ttf中的自定义字体



方式1: Refrection Typeface.class ||| 最好的办法

在类扩展Application中调用FontsOverride.setDefaultFont(),此代码将导致所有软件字体都被更改,甚至Toasts字体

AppController.java

public class AppController extends Application {

    @Override
    public void onCreate() {
        super.onCreate();

        //Initial Font
        FontsOverride.setDefaultFont(getApplicationContext(), "MONOSPACE", "fonts/iran_sans.ttf");

    }
}

FontsOverride.java

public class FontsOverride {

    public static void setDefaultFont(Context context, String staticTypefaceFieldName, String fontAssetName) {
        final Typeface regular = Typeface.createFromAsset(context.getAssets(), fontAssetName);
        replaceFont(staticTypefaceFieldName, regular);
    }

    private static void replaceFont(String staticTypefaceFieldName, final Typeface newTypeface) {
        try {
            final Field staticField = Typeface.class.getDeclaredField(staticTypefaceFieldName);
            staticField.setAccessible(true);
            staticField.set(null, newTypeface);
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        }
    }
}



方法2:使用setTypeface

对于特殊视图,只需调用setTypeface()即可更改字体。

CTextView.java

public class CTextView extends TextView {

    public CTextView(Context context) {
        super(context);
        init(context,null);
    }

    public CTextView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context,attrs);
    }

    public CTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context,attrs);
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    public CTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init(context,attrs);
    }

    public void init(Context context, @Nullable AttributeSet attrs) {

        if (isInEditMode())
            return;

        // use setTypeface for change font this view
        setTypeface(FontUtils.getTypeface("fonts/iran_sans.ttf"));

    }
}

FontUtils.java

public class FontUtils {

    private static Hashtable<String, Typeface> fontCache = new Hashtable<>();

    public static Typeface getTypeface(String fontName) {
        Typeface tf = fontCache.get(fontName);
        if (tf == null) {
            try {
                tf = Typeface.createFromAsset(AppController.getInstance().getApplicationContext().getAssets(), fontName);
            } catch (Exception e) {
                e.printStackTrace();
                return null;
            }
            fontCache.put(fontName, tf);
        }
        return tf;
    }

}



0
  • 打开您的项目,然后选择左上角的项目
  • app- > src- > main
  • 右键单击以创建主目录,并将其命名为资产
  • 右键单击以声明并创建新目录的字体名称
  • 您需要找到免费字体,例如免费字体
  • 将其提供给Textview并在Activity类中调用它
  • 将字体复制到字体文件夹中
  • TextView txt = (TextView) findViewById(R.id.txt_act_spalsh_welcome); Typeface font = Typeface.createFromAsset(getAssets(), "fonts/Aramis Italic.ttf"); txt.setTypeface(font);

字体名称必须正确且有趣


0

是的,正如Dipali所说,可下载的字体非常容易。

这就是你的做法...

  1. 放置一个TextView
  2. 在属性窗格中,选择fontFamily下拉列表。如果不存在,请在textAppearance下方找到插入符号(“>”,然后单击以展开)。
  3. 展开font-family下拉菜单。
  4. 在小清单中,一直向下滚动直到看到 more fonts
  5. 这将打开一个对话框,您可以在其中搜索 Google Fonts
  6. 使用顶部的搜索栏搜索所需的字体
  7. 选择您的字体。
  8. 选择您喜欢的字体样式(即粗体,普通,斜体等)
  9. 在右侧窗格中,选择显示以下内容的单选按钮: Add font to project
  10. 单击确定。现在,您的TextView具有所需的字体!

奖励:如果您想在应用程序中使用选定的字体对文本进行样式设置,只需添加<item name="android:fontfamily">@font/fontnamehere</item>到您的styles.xml


您应该比我的答复更感激!:)
Dipali s。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.