Question 258288 in Flutter Question posted in
The official Flutter documentation can be found here.

How to show characters in different font in Text Widget Flutter

My app fetches data from TikTok through a Api. The username and caption of some TikToks contains some special characters and fonts like: 𝒦ℋ𝒜ℒℰ𝒟 and some contains text in other languages. When I tested the Api on its website it show the data correct
enter image description here

but when I get that data through my app it changes the special characters and language to something like this

Ðе ÑоÑела игÑаÑÑ Ñ Ð±Ð°ÑниÑÑом ÐÐµÐ»Ð¸ÐºÐ¾Ð»ÐµÐ¿Ð½Ð°Ñ ÑкÑипаÑка!

and other values or links that is in english dose not change

The code am using is

Map<String, String> headers = {
  "X-RapidAPI-Host":
      "tiktok-downloader-download-tiktok-videos-without-watermark.p.rapidapi.com",
  "X-RapidAPI-Key": "-------------------------------",
};

final body = {'url': url};
final uri = Uri.https(
    "tiktok-downloader-download-tiktok-videos-without-watermark.p.rapidapi.com",
    '/vid/index',
    body);
final response = await http.get(
  uri,
  headers: headers,
);

if (response.statusCode == 200) {
  var data = jsonDecode(response.body);
  print(data['description'][0]);
}

The Api am using

https://rapidapi.com/maatootz/api/tiktok-downloader-download-tiktok-videos-without-watermark

Tags:

2

Answers


  1. 0

    As I’ve tested your strings in live demo of TextField, Its showing me perfectly. I think you may have to checked it by copy/paste same string in your TextField.

    Here is the output

    enter image description here

    Here is the link to test it by yourself: https://docs.flutter.dev/cookbook/forms/text-input

    Tryout with simple TextField widget first if you are using any custom widget.

    Login or Signup to reply.
  2. 0

    If it is only a display issue, you might be using a font which does not have Glyphs for the languages you are trying to display. Try changing your app font to something which is widely used and covers most of the languages like Roboto. You can go to Google fonts, choose a font and copy/paste your text e.g. This is how your text will appear with Roboto

    To add Google fonts to your App you can use google_fonts package

    If it is not display issue rather on API side then make sure the API is working with proper mime and file types e.g. UTF8

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search