Android - Использование пользовательского шрифта

Я применил собственный шрифт к TextView, но, похоже, он не меняет шрифт.

Вот мой код:

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

Может ли кто-нибудь убрать меня из этой проблемы?

Ответ 1

В Mobiletuts + есть очень хорошее руководство по форматированию текста для Android. Быстрый совет: настройка шрифтов для Android

EDIT: Протестировал его сам. Вот решение. Вы можете использовать подпапку с именем fonts, но она должна находиться в папке assets, а не в папке res. Так

активы/шрифты

Также убедитесь, что окончание шрифта я означает окончание самого файла шрифта - это все нижний регистр. Другими словами, это не должно быть myFont.TTF, но myFont.TTF этот путь должен быть в нижнем регистре

Ответ 2

Попробовав большинство решений, описанных в этом потоке, я случайно нашел "Каллиграфию" (https://github.com/chrisjenx/Calligraphy) - библиотеку Кристофера Дженкинса, которая позволяет легко добавлять пользовательские шрифты к вашему приложению. Преимущества его lib по сравнению с предложенными здесь подходами:

  • вам не нужно вводить свой собственный избыточный компонент TextView, вы используете встроенный TextView
  • вы можете легко включить библиотеку, используя gradle
  • Библиотека не ограничивает выбор шрифтов; вы просто добавляете свои предпочитаемые в каталог ресурсов
  • вы не только получаете пользовательские текстовые представления - все другие текстовые компоненты Android на основе текста также будут отображаться с использованием вашего пользовательского шрифта.

Ответ 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>

Ответ 4

Я успешно использовал это раньше. Единственная разница между нашими реализациями заключается в том, что я не использовал подпапку в активах. Не уверен, что это что-то изменит.

Ответ 5

При условии, что вы поместили шрифт в нужное место, и в файле шрифта нет ошибки, ваш код должен работать так, 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 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 или посмотрите на это сообщение в блоге, который объясняет все это.

Ответ 6

Для пользовательских шрифтов в android создайте папку в папке с именами активов, она "шрифты" поместит в нее нужный файл fonts.ttf или .otf.

Если вы расширите UIBaseFragment:

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

else if extends Activity:

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

Ответ 7

Лучший способ сделать это. От версии предварительного просмотра Android O такой способ:

  Работает только в том случае, если у вас есть Android-версия 2.4 или выше

  • Щелкните правой кнопкой мыши папку res и перейдите в Новый > каталог ресурсов Android. Новый | Появится окно "Каталог ресурсов".
  • В списке Тип ресурса выберите шрифт, а затем нажмите кнопку ОК.
  • Добавьте ваши файлы шрифтов в папку шрифтов. Структура папки ниже генерирует R.font.dancing_script, R.font.la_la и R.font.ba_ba.
  • Дважды щелкните файл шрифта для предварительного просмотра файловых шрифтов в редакторе.

Далее мы должны создать семейство шрифтов:

  • Щелкните правой кнопкой мыши папку шрифтов и перейдите в Новый > файл ресурсов шрифта. Откроется окно "Новый файл ресурсов".
  • Введите Имя файла и нажмите кнопку ОК. Новый редактор шрифтов XML открывается в редакторе.
  • Включите каждый атрибут файла шрифта, стиля и веса в элементе тега шрифта. Следующий XML иллюстрирует добавление атрибутов, связанных с шрифтом, в ресурсе XML шрифта:

         

Добавление шрифтов в TextView:

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

Как из документации

Работа со шрифтами

Все шаги верны.

Ответ 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" />

Ответ 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 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;
    }
}

Ответ 10

К сожалению, для этого нет хорошего решения.

Я видел много статей об использовании пользовательского TextView, но о том, что они забывают о том, что не только текстовые представления, которые могут реализовывать шрифты, а также скрытые в других представлениях, недоступные разработчику, текстовые изображения; Я даже не собираюсь начинать с Spannable.

Вы можете использовать внешнюю утилиту шрифта, например:

Инструмент шрифта каллиграфии

НО. Это зацикливается на каждом представлении в приложении при его создании, и даже эта утилита пропускает некоторые представления (ViewPager отображает обычный шрифт), тогда у вас есть проблема, когда Google обновляет свои инструменты сборки, это будет изредка вылетает из-за необходимости переназначения устаревших свойств. Он также немного медленнее, так как он использует Java Reflection.

Это действительно для Google, чтобы исправить это. Нам нужна лучшая поддержка шрифтов в Android. Если вы посмотрите на решение от iOS, у них буквально есть 100 шрифтов, встроенных для выбора. Хотите шрифт? Просто отбросьте TFF и используйте его.

В настоящее время ограничения теперь ограничены предложением, которое Google предлагает нам, который крайне ограничен, но, к счастью, оптимизирован для мобильных устройств.

Ответ 11

Обязательно вставьте вышеуказанный код в onCreate() после вашего вызова супер и вызов setContentView(). Эта небольшая деталь задержала меня на некоторое время.

Ответ 12

С Android 8.0 с использованием пользовательских шрифтов в приложении стало проще с downloadable fonts. Мы можем добавлять шрифты непосредственно к res/font/ folder в папке проекта, и при этом шрифты становятся автоматически доступными в Android Studio.

Папка Под res с именем шрифта и типом, установленным на Font

Теперь установите атрибут fontFamily в список шрифтов или нажмите еще раз и выберите шрифт по вашему выбору. Это будет добавить строку tools:fontFamily="@font/your_font_file" в ваш TextView.

Это автоматически создаст несколько файлов.

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>

Ответ 13

У меня была та же проблема, TTF не появлялся. Я изменил файл шрифта и с тем же кодом, который он работает.

Ответ 14

Если вы хотите загрузить шрифт из сети или легко стилизовать его, вы можете использовать:

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

Ответ 15

Вы можете использовать легкую и простую стороннюю библиотеку 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));

Эта библиотека также обеспечивает следующий шрифт лица.

  • Roboto
  • Дроид с засечками
  • Робот-дроид
  • свобода
  • Fun Raiser
  • Android Nation
  • Зеленый авокадо
  • признание

Ответ 16

Ну, через семь лет вы можете изменить все приложение textView или то, что вы хотите легко, используя библиотеки android.support 26 ++.

например:

Создайте приложение /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 И это широкий диапазон.

Ответ 17

Обновление ответа: Android 8.0 (уровень API 26) представляет новую функцию "Шрифты в XML". просто используйте функцию "Шрифты в XML" на устройствах под управлением Android 4.1 (уровень API 16) и выше, используйте библиотеку поддержки 26.

см эту ссылку


Старый ответ

Есть два способа настроить шрифты:

!!! мой пользовательский шрифт в assets/fonts/iran_sans.ttf



Способ 1: Refrection Typeface.class ||| лучший способ

вызов 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;
    }

}

Ответ 18

Правильный способ сделать это с API 26 описан в официальной документации здесь:

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

Это включает размещение файлов ttf в папке res/font и создание файла семейства шрифтов.

Ответ 19

Да, загружаемые шрифты настолько просты, как сказал Dipali s.

Вот как вы это делаете...

  • Поместите a TextView.
  • В области свойств выберите раскрывающийся список fontFamily. Если его там нет, найдите каретку ( > и нажмите на нее, чтобы развернуть textAppearance) под.
  • Разверните font-family.
  • В маленьком списке прокрутите весь путь вниз, пока не увидите more fonts
  • Это откроет диалоговое окно, в котором вы можете выполнить поиск из Google Fonts
  • Найдите шрифт, который вам нравится, с панелью поиска вверху.
  • Выберите свой шрифт.
  • Выберите стиль шрифта, который вам нравится (т.е. полужирный, нормальный, курсив и т.д.)
  • На правой панели выберите переключатель, в котором указано Add font to project
  • Нажмите "ОК". Теперь ваш TextView имеет нужный шрифт!

БОНУС: Если вы хотите стилизовать ВСЕ с текстом в своем приложении с выбранным шрифтом, просто добавьте <item name="android:fontfamily">@font/fontnamehere</item> в свой styles.xml

Ответ 20

Самое простое решение для 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

Ответ 21

  • Откройте проект и выберите Проект в левом верхнем углу
  • приложение src главная
  • щелкните правой кнопкой мыши на главную и создайте имя каталога как активы
  • щелкните правой кнопкой мыши, чтобы оценить и создать новое имя каталога. шрифты
  • вам нужно найти бесплатные шрифты, такие как бесплатные шрифты
  • передайте его в Textview и вызовите его в классе Activity
  • скопируйте шрифты внутри папки шрифтов.
  • TextView txt = (TextView) findViewById(R.id.txt_act_spalsh_welcome); Typeface font = Typeface.createFromAsset(getAssets(), "fonts/Aramis Italic.ttf"); txt.setTypeface(font);

имя шрифта должно быть правильным и получать удовольствие