外挂级神器！内置700+免费字体直接用的PS插件FontTea_html/css_WEB-ITnose
一家名为 Source 公司，曾经开发多款实用 Photoshop 外挂工具，例如：CSSHat、PNGHat 和 Subtle Patterns，最近推出一款全新延伸功能「Fontea」，让用户轻松在 Photoshop 绘图工具里存取使用 Google Fonts 免费字型，内建筛选、搜寻及收藏功能，一键就能将众多字型套用到现有设计项目，省去手动下载字型再安装的麻烦。
Fontea 目前已经支持 Windows、Mac OS X 两大平台，能在 Photoshop CC 2015+ 安装，这个外挂特色是能快速将 Google Fonts 提供的免费字型套用到 Photoshop，总数量高达 700 种以上！Source 形容这就像是你拥有了一把全新武器，强大却又易于使用。
此外，Fontea 内建搜寻、预览字型功能，不用再苦苦猜测字型是否符合你的设计，最简单的方式就是点选字型后套用进去。如果你平常工作会经常使用 Photoshop，那么可以赶紧来下载这款免费的延伸功能，多少能简化你的工作流程。
Fontea
STEP 1
开启 Fontea 官方网站后，点选「Download」即可下载对应的延伸功能，或者拖曳到网页下方也能找到 Windows 和 Mac OS X 两种版本。
STEP 2
依照下载程序的指示即可完成安装，没有额外步骤，安装后可直接开启 Photoshop。
STEP 3
接着从 Photoshop 的「延伸功能」里就能找到「Fontea」。
开启后，第一次使用时必须先登入你的 Source 账号，点选「Sign In」来进行登入，之后使用就不用再次进行相同步骤。
来到 Source 网站的登入页面，可以直接使用 Facebook、Twitter、GitHub 账号登入，或者输入姓名、Email 和密码来免费注册，登入后点选授权按钮就能完成认证。
STEP 4
开启 Photoshop 内的「Fontea」延伸功能，就会显示 Google Fonts 内最常使用的字型集，例如大家很熟悉的 Open Sans、Roboto、Lato 和 Oswald，点选后就能立即将该字型套用到你现有的 Photoshop 文字，非常方便。
透过左上角的筛选器，可以过滤出 Serif、Sans Serif、Display、Handwriting、Monospace 等类型的字型集，或者右上角有搜寻功能亦可输入字型名称查找。
STEP 5
试着从「Fontea」来加载一些 Google Fonts 免费字型，将它们套用到你的文字设计吧！虽然目前 Google Fonts 还未提供中文字型（中文网页字型仅在 Early Access 阶段），但仍有许多的英文字型可以使用。
从 Fontea 官方网站可以得知，这些下载字型并非临时储存，而是真正会留在你的计算机上后续还能使用，因此也可透过建立喜爱字型集的方式来管理这些云端字型喔！
「优设四月份人气最高的文章」
Top 1：锤子科技设计总监罗子雄的优设专访
《优设访谈！锤子科技设计总监罗子雄的全能自学之路》
Top 2：11个经典的老牌设计素材网站
《实用干货！11个人气超高的设计素材汇总网站》
Top 3：零基础也能学会的水墨字效果
《PS教程！教你五分钟快速绘制大气磅礴的水墨字效果》原文地址： free.com.tw
【优设网 原创文章 投稿邮箱：2650232288@qq.com】
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1386
52
Is HTML easy to learn for beginners?
Apr 07, 2025 am 12:11 AM
HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.
What is the purpose of the <progress> element?
Mar 21, 2025 pm 12:34 PM
The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati
What is the viewport meta tag? Why is it important for responsive design?
Mar 20, 2025 pm 05:56 PM
The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.
What is the purpose of the <datalist> element?
Mar 21, 2025 pm 12:33 PM
The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159
The Roles of HTML, CSS, and JavaScript: Core Responsibilities
Apr 08, 2025 pm 07:05 PM
HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.
What is the purpose of the <iframe> tag? What are the security considerations when using it?
Mar 20, 2025 pm 06:05 PM
The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.
What is the purpose of the <meter> element?
Mar 21, 2025 pm 12:35 PM
The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex
Understanding HTML, CSS, and JavaScript: A Beginner's Guide
Apr 12, 2025 am 12:02 AM
WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.
