Android - 使用自定义字体

Question

我将自定义字体应用于 TextView，但它似乎并没有改变字体。

这是我的代码：

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

任何人都可以让我摆脱这个问题吗？

Answer 1

在 Mobiletuts+ 上有关于 Android 文本格式化的非常好的教程。 快速提示：自定义 Android字体

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

资源/字体

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

Answer 2

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

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

Answer 3

我知道已经有了很好的答案，但这里有一个完全有效的实现。

这是自定义文本视图：

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>

Answer 4

如果您将字体放置在正确的位置并且字体文件本身没有错误，您的代码应该像那样工作，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 上的此项目，或者查看此博客文章解释了整个事情。

Answer 5

从 Android O 预览版来看，最好的方法是这样：

仅当您有 android studio-2.4 或更高版本时才有效

1. 右键单击res 文件夹并转到新建> > Android资源目录。新
   将出现“资源目录”窗口。
   
2. 在“资源类型”列表中，选择字体，然后单击“确定”。
3. 在字体文件夹中添加字体文件。该文件夹下面的结构生成 R.font.dancing_script、R.font.la_la 和 R.font.ba_ba。
4. Double - 单击字体文件可在编辑器中预览该文件的字体。

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

1. 右键单击字体文件夹并转到新建>;字体资源文件。将出现“新建资源文件”窗口。
   
2. 输入文件名，然后单击“确定”。新字体资源 XML 将在编辑器中打开。

3. 将每个字体文件、样式和粗细属性包含在字体标记元素中。以下 XML 说明了在字体资源 XML 中添加与字体相关的属性：

将字体添加到 TextView：

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

如文档所示

使用字体

所有步骤都是正确的。

Answer 6

我以前已经成功地使用过这个。我们的实现之间的唯一区别是我没有在资产中使用子文件夹。但不确定这是否会改变什么。

Answer 7

对于 Android 中的自定义字体，在资产文件夹中创建一个文件夹，将其命名为“fonts”，将所需的 fonts.ttf 或 .otf 文件放入其中。

如果扩展 UIBaseFragment:

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

否则如果扩展 Activity:

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

Answer 8

您可以使用 PixlUI https://github.com/neopixl/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" />

Answer 9

由于我对 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;
    }
}

Answer 10

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

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

您可以使用外部字体实用程序，例如：

书法字体工具

BUT 此循环在应用程序创建时的每个视图上，甚至这个实用程序会错过一些视图（ViewPager 呈现正常字体），那么您就会遇到问题，当 Google 更新其构建工具时，这偶尔会崩溃，因为它需要针对已弃用的属性。由于它使用Java 的反射，所以速度也有点慢。

谷歌确实需要解决这个问题。我们需要 Android 中更好的字体支持。如果你看看 iOS 的解决方案，他们实际上有 100 种内置字体可供选择。想要自定义字体吗？只需放入 TFF 即可使用。

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

Answer 11

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

Answer 12

在 Android 8.0 中，通过可下载字体，在应用程序中使用自定义字体变得更加容易。
我们可以将字体直接添加到项目文件夹中的 res/font/ 文件夹 中，这样，这些字体就会在 Android Studio 中自动可用。

现在将 fontFamily 属性设置为字体列表，或者单击“更多”并选择您选择的字体。这将向您的 TextView 添加 tools:fontFamily="@font/your_font_file" 行。

这将自动生成一些文件。< /strong>

1. 在值文件夹中它将创建 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>

Answer 13

您可以使用简单&简单的 EasyFonts 第三方库，为您的 TextView< 设置各种自定义字体/代码>。通过使用这个库，您不必担心下载字体并将其添加到资产/字体文件夹中。还有关于 Typeface 对象的创建。

而不是

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));

该库还提供以下字体。

• Roboto
• Droid Serif
• Droid 机器人
• 自由
• 趣味提升器
• Android Nation
• 绿色鳄梨
• 识别

Answer 14

我也遇到了同样的问题，TTF 没有出现。我更改了字体文件，并且使用相同的代码它可以工作。

Answer 15

如果您想从网络加载字体或轻松设置其样式，可以使用：

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);

Answer 16

好吧，七年后，您可以使用 android.support 库 26++ 轻松更改整个应用程序 textView 或您想要的内容。

例如：

创建您的字体包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 范围很广。

Answer 17

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

请参阅此 链接

---

旧答案

自定义字体有两种方法：

！！！我的自定义字体
资产/字体/iran_sans.ttf

方法一：
反射 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;
    }

}

Answer 18

从 API 26 开始，执行此操作的正确方法在此处的官方文档中进行了描述：

https://developer.android.com/guide/topics/ui/look-and-feel/fonts-in-xml.html

这涉及将 ttf 文件放入res/font 文件夹并创建一个字体系列文件。

Answer 19

现在android支持的最简单的解决方案！

在 xml 中使用自定义字体：

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:fontFamily="@font/[your font resource]"/>

查看详细信息：

https://developer.android.com/guide/topics/ui/look-and-feel/fonts-in-xml.html

Answer 20

• 打开您的项目并选择左上角的项目
• 应用程序 --> src --> ma​​in
• 右键单击​​ main 并创建目录，将其命名为 assets
• 右键单击​​以评估并创建新目录，将其命名为 fonts
• 您需要找到免费字体就像 免费字体
• 将其提供给您的 Textview 并在您的 Activity 类中调用它
• 复制您的字体在 fonts 文件夹内
• TextView txt = (TextView) findViewById(R.id.txt_act_spalsh_welcome);
Typeface font = Typeface.createFromAsset(getAssets(), "fonts/Aramis Italic.ttf");
txt.setTypeface(font);

字体名称必须正确并且玩得开心

Answer 21

是的，正如Dipali所说，下载字体就是这么简单。

这就是你如何做到的...

1. 放置一个 TextView。
2. 在属性窗格中，选择 fontFamily 下拉列表。如果不存在，请找到 下的插入符号（> 并单击它以展开 textAppearance）。
3. 展开font-family下拉列表。
4. 在小列表中，一直向下滚动，直到看到更多字体
5. 这将打开一个对话框，您可以在其中从 Google Fonts
6. 搜索您喜欢的字体顶部的搜索栏
7. 选择您的字体。
8. 选择您喜欢的字体样式（即粗体、普通、斜体等）
9. 在右侧窗格中，选择显示将字体添加到项目 的单选按钮
10. 单击“确定”。现在你的 TextView 就有了你喜欢的字体了！

奖金：
如果您想使用所选字体在应用程序中使用文本设置所有内容的样式，只需将 @font/fontnamehere 添加到您的 样式.xml