Fonts you have downloaded yourself can go into Online Photoshop too. This tutorial covers importing ttf and otf files: open the font picker, load a local font, select the font file you just installed, confirm the load, and it is ready to use — no need to turn your type into images.
Download the font you need
Start by downloading the font file you need from a reputable font site, for example Pangmen Zhengdao Bold.ttf. Make sure the file is .ttf, .otf or another font format the web supports.
Open Online Photoshop
Go to the Online PS site: https://www.zaixianps.cc and wait for the page to finish loading.
Create a new project
Click the New Project button in the top-left, or use the shortcut Ctrl+N to create a new canvas.
Choose the Type tool
Click the Type tool (T) icon in the left toolbar to activate text editing.
Open the font picker
In the font field on the top toolbar (second row), click the arrow next to the font name to open the font list.
Load a local font
At the top of the font list, click Load font. If you cannot see that option, make sure the Type tool is actually active.
Select the font file
In the file dialog, find and select the font file you downloaded earlier (such as Pangmen Zhengdao Bold.ttf), then click Open.
Confirm the font has loaded
The browser may ask for a security confirmation; click Allow or Confirm. When loading finishes you will see a loaded successfully message. You then need to refresh the browser page.
Choose the new font
After refreshing, open the font picker again. The newly imported font usually appears at the bottom of the list. Scroll down to find it.
Search for the font
If the list is long, use the search box and type the pinyin or a keyword from the font name to jump straight to it. Hover over a local font file to see its full name.
💡 Practical tips
- Imported fonts are only available in the current browser; switching browsers means importing them again
- Use the latest version of Chrome, Edge or Firefox for the best experience
- Keep font files under 5 MB so they load reliably
- Within the same browser tab, fonts you have imported stay available for later projects
- If a font does not show up, clear the browser cache and import it again
Preview of the fonts after a successful import
Sample text in the default font
Sample text in Kai typeface
Sample text in Fangsong typeface
References
- Online PS
- Adobe official documentation
- Photoshop tutorial sites