Adding the custom fonts in Flutter

-
For download the fonts, use google fonts. you can get huge collection of fonts here.

Create the folder under your project:

Example:

flutter_project -> File -> New -> Directory -> create the directory named as "fonts".

paste the fonts, which you download from google fonts or other sources.

rename the fonts, It makes you easier name to remember, If you want. Just optional.

As I'm already informed you pubspec.yaml is manifest for the flutter projects.

Go to pubspec.yaml

write the following example code:

flutter:
  uses-material-design: true
  assets:
    - images/
  fonts:
    - family: serif
      fonts:
        - asset: fonts/serif-regular.ttf
    - family: arial
      fonts:
        - asset: fonts/arial-bold.ttf

Afterwards, don't forget to do packages upgrade and packages get.

then in your text widget,

Text("I'm right here",
                style: TextStyle(
                    fontSize: 22,
                    fontWeight: FontWeight.bold,
                    fontFamily: 'arial',
                    color: Colors.white)),

Comments

Post a Comment

Popular posts from this blog

Mastering API Development: Why Postman Reigns Supreme Over Swagger

-
Image
In the evolving landscape of API development, tools like Postman and Swagger have become indispensable for developers. While Swagger (now known as OpenAPI) is incredibly useful for designing and documenting APIs, Postman emerges as a more comprehensive solution for testing, documenting, and sharing APIs. This blog delves into why Postman is often considered more crucial than Swagger and how you can leverage its full potential to streamline your API development workflow. Why Postman Shines Ease of Use: Postman's intuitive GUI makes it super accessible for developers regardless of experience level. Building, sending, and analyzing API requests is a breeze. Powerful Testing: Postman is more than just firing off requests. You can craft sophisticated test suites with scripts, assertions, and chaining requests, ensuring API behavior is as expected. Collaboration Made Easy: Postman's workspaces and sharing features streamline teamwork. You can share collections of requests, environ...
Read more

Email Address Validation

-
Lot of peoples validate their field by using field length or Regular Expressions . In this way, Email Addresses validation has been difficult some times. Format of Email Address: The format of email addresses is local-part@domain where the local-part may be up to 64 characters long and the domain name may have a maximum of 253 characters - but the maximum 256 characters length of a forward or reverse path restricts the entire email address to be no more than 254 characters.<sup id="cite_ref-0"> [1] </sup> The formal definitions are in RFC 5322 (sections 3.2.3 and 3.4.1) and RFC 5321 - with a more readable form given in the informational RFC 3696 <sup id="cite_ref-1">[2]</sup> and the associated errata. Supported Characters: The local-part of the email address may use any of these ASCII characters RFC 5322 Section 3.2.3: Uppercase and lowercase English letters (a–z, A–Z) (ASCII: 65-90, 97-122) Digits 0 to 9 (ASCII: 48-57) Cha...
Read more

Flutter web view

-
 Hey friends, have a happy weekend. After a long gap of lock down, I just came back. I know 2020 will be so hard for everyone. Hope everything fine soon.  Today we gonna see the flutter web view. In android we used call WebView. It's similar like that. Let's dive on that. First of all, add the library in pubspec.yaml webview_flutter: ^0.3.21 then If you want to load the html page from your assets, you add into pubspec.yaml like below:   assets:     - assets/sample.html Please be careful with intent, because yaml is very sensed on that. Either it won't be work. you can see the full example in my gist: https://gist.github.com/vignarajj/59a518610a2bfeb09ad4b0b6d8fe7c69 If you directly call url, just call like that, WebView(           initialUrl: 'https://google.com',           javascriptMode: JavascriptMode.unrestricted,           onWebViewCreated: (WebViewController webViewController) { ...
Read more