Trong phần này mình sẽ hướng dẫn bạn cách để có thể tạo/ thiết kế custom font thay vì sài font mặc định của godot.
Custom Fonts
Tải xuống
Bạn có thể truy cập vào link sau để có thể tải xuống font mà bạn muốn: 39 Free Retro, Video Game Fonts
Lưu ý: nếu như muốn gõ và hiển thị tiếng việt trên Gôt thì bạn cần phải kiếm 1 cái font tiếng việt nhé.
![[Tạo 2D Platformer Game với Godot] Phần 18: Thiết kế Custom Fonts](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-29-29.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 79")
Ở đây, mình đã tải xuống 1 font tên Atarian và bỏ nó vào thư mục mới mình vừa tạo tên Fonts nằm trong thư mục Assets.
Thiết lập
Thì ở trong phần trước mình đã chỉ bạn cách để có thể tạo custom styles cho game và cái custom fonts này nó cũng ở trong Theme Overrides đối với Godot 3.4 trở lên.
Còn nêú là 3.3 trở xuống thì nó sẽ có 1 mục đó là Custom Fonts.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 70](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-32-09.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 80")
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 71](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-32-17.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 81")
Bạn chọn cho mình Nutbatdau và chọn New Dynamic Font.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 72](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-33-03.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 82")
Sau đó vào Font Data và nhấn vào nút Load.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 73](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-33-36.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 83")
Sau đó tìm fonts mà bạn muốn sử dụng rồi nhấn vào open để mở nó lên nha.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 74](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-34-09.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 84")
Sau khi làm xong thì font đã được apply vào node NutBatDau.![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 75](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-34-51.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 85")
Bạn có thể chỉnh Size và Outline, Outlinesize, Color Outline, Mipmap, Filter ở phần Settings của Fonts.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 76](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-36-24.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 86")
Ở đây mình sẽ chỉnh size lên 30 cho to và Outline size lên 1, Color Outline thành màu đen![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 77](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-37-26.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 87")
Đây là sau khi mình làm xong, và cái chữ nó sát với lề button nên là chỉnh lại nha.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 78](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-38-28.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 88")
Mình sẽ chỉnh nó lên 1 xíu.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 79](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-39-29.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 89")
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 80](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-39-51.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 90")
Sau đó copy và paste lại qua nút thoát game giống như ở phần trước khi mà bạn copy cái styles ấy nhé.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 81](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-40-32.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 91")
Chỉnh size lên thêm tý nhé.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 82](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-41-25.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 92")
Sau khi mình chỉnh lên thêm xí thì nhìn nó đã thuận mắt hơn rất nhiều rồi.
Tiêu đề
Tiếp theo mình sẽ chỉnh tiêu đề.
Tiêu đề thì các bạn nên xài Font khác với Button nhé, làm như vậy sẽ tránh bị chán, trùng khi nhìn vào.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 83](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-42-58.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 93")
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 84](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-43-03.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 94")
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 85](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-43-15.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 95")
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 86](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-43-28.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 96")
Làm tương tự như với cái trên.
Chọn Label -> New Dymanic Fonts -> Chọn Fonts.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 87](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-43-36.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 97")
Sau khi xong mình sẽ có kết quả như sau.![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 88](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-43-47.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 98")
Mình chỉnh size lên cho to 1 chút.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 89](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-46-19.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 99")
Sau đó mình sẽ chỉnh lại Outline Size, Color và bật Filter lên.
![[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 90](https://anonyviet.com/wp-content/uploads/2021/11/20-11-2021-01-44-23.png "[Tạo 2D Platformer Game với Godot] Phần 20: Thiết kế Custom Fonts 100")
Đây sẽ là kết quả cuối cùng mà mình có được sau khi hoàn thành tất cả các cái trên.
Tổng Kết
Vậy ở trong phần này mình đã hướng dẫn bạn xong cách thêm và thết kế fonts trong Godot. Ở phần tiếp theo mình sẽ hướng dẫn bạn cách thêm background vào cho Menu.
![[Tạo 2D Platformer Game với Godot] Phần 29: Lưu và load dữ liệu game 93](https://anonyviet.com/wp-content/uploads/2021/11/25-11-2021-04-43-13.png "[Tạo 2D Platformer Game với Godot] Phần 29: Lưu và load dữ liệu game 106")
![[Tạo 2D Platformer Game với Godot] Phần 28: Thêm âm thanh giao diện 94](https://anonyviet.com/wp-content/uploads/2021/11/25-11-2021-01-02-39-350x245.png "[Tạo 2D Platformer Game với Godot] Phần 28: Thêm âm thanh giao diện 107")
![[Tạo 2D Platformer Game với Godot] Phần 27: Mở khoá level 95](https://anonyviet.com/wp-content/uploads/2021/11/24-11-2021-12-17-23.png "[Tạo 2D Platformer Game với Godot] Phần 27: Mở khoá level 108")
![[Tạo 2D Platformer Game với Godot] Phần 25: Tạo Menu khi hết Level 97](https://anonyviet.com/wp-content/uploads/2021/11/23-11-2021-11-13-02.png "[Tạo 2D Platformer Game với Godot] Phần 25: Tạo Menu khi hết Level 110")
