Forum Rule: Always post complete source code & details to reproduce any issue!
Results 1 to 17 of 17

Thread: ILI9341_t3 font editor

  1. #1
    Junior Member
    Join Date
    Nov 2018
    Posts
    13

    ILI9341_t3 font editor

    Hi!

    Since I couldn't find an easy to use tool for creating and editing fonts for ILI9341_t3, I've created one. So, here it is, Embedded Font Creator:

    Click image for larger version. 

Name:	Screenshot1.png 
Views:	113 
Size:	52.6 KB 
ID:	15186

    Features:
    • Create font from scratch (specify size, default offset and delta)
    • Create font from existing system TTF font
    • Easy to use editor with zoom (mouse wheel) and scroll (middle button) as well as continuous drawing
    • Preview the whole font or specific string
    • Batch glyph operations allows quick tweaks (for instance, batch offset change)
    • Quick optimization of character or the whole set (removes empty columns and rows while keeping character's position and size)
    • Export to ILI9341_t3 format (.h + .cpp)


    Some more screenshots:

    Click image for larger version. 

Name:	Screenshot2.png 
Views:	74 
Size:	9.0 KB 
ID:	15187

    Click image for larger version. 

Name:	Screenshot3.jpg 
Views:	86 
Size:	302.2 KB 
ID:	15188

    Currently available as source from my repository: https://gitlab.com/spook/embeddedfonteditor (if there's an interest, I'll prepare binary pack). Requires Visual Studio 2017 to build.

    Many thanks to Paul for his extensive help on developing this one!
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Screenshot1.png 
Views:	65 
Size:	56.2 KB 
ID:	15185  

  2. #2
    Senior Member
    Join Date
    Dec 2014
    Posts
    310
    That's excellent! Really nice work.
    It's not too much trouble to build it, but not all users of Teensy will necessarily use Visual Studio, so may make it more accessible for those users.

  3. #3
    Junior Member
    Join Date
    Nov 2018
    Posts
    13
    Quote Originally Posted by Cosford View Post
    That's excellent! Really nice work.
    It's not too much trouble to build it, but not all users of Teensy will necessarily use Visual Studio, so may make it more accessible for those users.
    I cannot find a way to create a release in the GitLab, so I'll put the build here, attached to this post. Have fun and please tell me what you think about this app.

    EmbeddedFontEditor.zip
    Last edited by spook; 11-18-2018 at 12:42 PM.

  4. #4
    Senior Member
    Join Date
    Dec 2013
    Location
    East Stroudsburg PA.
    Posts
    285
    I just wanted to say thank you for this app, easy to use and extremely useful.

  5. #5
    Yea, this tool is a total home run.

  6. #6
    Junior Member
    Join Date
    Nov 2018
    Posts
    13
    Quote Originally Posted by KrisKasprzak View Post
    Yea, this tool is a total home run.
    Thanks, this is nice to hear

    Grab a little newer version, a couple of tweaks and small features (ie. importing glyph from image)

    Best regards -- Spook.
    Attached Files Attached Files

  7. #7
    Senior Member PaulStoffregen's Avatar
    Join Date
    Nov 2012
    Posts
    22,652
    I gave this a shout-out on social networking today.

    https://twitter.com/PaulStoffregen/s...79061894070277

    Robin published on the blog about a week ago too.

    https://www.pjrc.com/ili9341_t3-font-editor/

  8. #8
    Spook: I'll have to commend you once again!. This font editor totally rocks! I downloaded a free "seven segment" ttf font and used it to create a 120 point font for my 2.8" tft. Since i only need numbers this tool lets you omit text. I was able to customize the spacing to squeeze the numbers closer. My giant numbers require little RAM. Kudos to the author for putting this together. I'd vote to deliver with the the teensyduino so others can find it easily (if allowed).

  9. #9
    Junior Member
    Join Date
    Nov 2018
    Posts
    13
    Quote Originally Posted by KrisKasprzak View Post
    Spook: I'll have to commend you once again!. This font editor totally rocks! I downloaded a free "seven segment" ttf font and used it to create a 120 point font for my 2.8" tft. Since i only need numbers this tool lets you omit text. I was able to customize the spacing to squeeze the numbers closer. My giant numbers require little RAM. Kudos to the author for putting this together. I'd vote to deliver with the the teensyduino so others can find it easily (if allowed).
    Sorry for the late reply. I'm really glad, that my tool helped - this is why I designed it in the first place

    I have nothing against bundling it with teensyduino. Its author would have to add an icon on toolbar to launch it. I guess I'd have to work somewhat on the interface, it's kinda clumsy now (and also no undo/redo - this is really annoying sometimes). Keep in mind though, it's for Windows only (C#/WPF).

    Best regards -- Spook.

  10. #10
    Senior Member
    Join Date
    Oct 2019
    Posts
    148
    @spook

    Quick question here:
    I ran the app on Windows, installed the new font I wanted to generate
    File > New >New from font
    I selected the font, 20pt
    I then optimised the font to remove the spaces and generated the CPP + h files

    Does this create the font only in 20pt? That's what I see in the files created.
    How can I get it to do a full set of sizes in one go?

  11. #11
    It will create 20-point only if you want multiple you'll have to run that tool every single time

  12. #12
    Senior Member
    Join Date
    Oct 2019
    Posts
    148
    I created a font from 10, 11 and 12pt fonts.
    I set the 10pt font to use, but it looks huge, like 30pt huge (its the 0.0 and 14. numbers in the gauges)
    Click image for larger version. 

Name:	Eurostile10.png 
Views:	24 
Size:	351.8 KB 
ID:	19202
    Display is a 2.8" ILI3941
    Am I doing something wrong, or perhaps my ttf file is bad?

  13. #13
    Senior Member
    Join Date
    Oct 2019
    Posts
    148
    I used another tool that seems to be providing better sizing but its converting to Adafruit GFX fonts

    I've tried multiple fonts on font editor and a 12pt font displays twice as large as it should. I'm baffled about it. Perhaps someone else can try and confirm if they are experiencing the same behavior. I suspect it might have to do with how Windows 10 is providing the font data to the application perhaps.

  14. #14
    you can also adjust kerning and such in the font editor. Use the move origin and height width and offsets for that.

  15. #15
    @spook. I'm in the process of creating a YouTube video of this font editor and some results--of course citing you as the creator. I would like to include a formal link to the download but the github site only has the source. Maybe make a folder "Executable" on Github and put the zip there?

    My only other option is to link to this thread where the zip lives.

  16. #16
    Junior Member
    Join Date
    Nov 2018
    Posts
    13
    Quote Originally Posted by KrisKasprzak View Post
    @spook. I'm in the process of creating a YouTube video of this font editor and some results--of course citing you as the creator. I would like to include a formal link to the download but the github site only has the source. Maybe make a folder "Executable" on Github and put the zip there?

    My only other option is to link to this thread where the zip lives.
    No problem. I uploaded my tool to my website. Head to https://spooksoft.pl/download/, the tool is on the bottom.

  17. #17
    Posted, have a look.

    https://youtu.be/YNUbvpTaaCY

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •