外挂级神器！内置700+免费字体直接用的PS插件FontTea_html/css

首頁

web前端

html教學

外挂级神器！内置700+免费字体直接用的PS插件FontTea_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:19 AM

一家名为 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】

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

HTML：結構，CSS：樣式，JavaScript：行為Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web開發中的作用分別是：1.HTML定義網頁結構，2.CSS控製網頁樣式，3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來：網絡設計的發展和趨勢Apr 17, 2025 am 12:12 AM

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML與CSS vs. JavaScript：比較概述Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在網頁開發中的角色分別是：HTML負責內容結構，CSS負責樣式，JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容，確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式，使其美觀易讀。 3.JavaScript通過腳本控製網頁行為，實現動態和交互功能。

HTML：是編程語言還是其他？Apr 15, 2025 am 12:13 AM

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增強WebevebDevelopment。

HTML：建立網頁的結構Apr 14, 2025 am 12:14 AM

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義，使用、、等標籤。 2.提供語義化標記，如、、等，提升SEO效果。 3.通過標籤實現用戶交互，需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號，需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

從文本到網站：HTML的力量Apr 13, 2025 am 12:07 AM

HTML是一種用於構建網頁的語言，通過標籤和屬性定義網頁結構和內容。 1）HTML通過標籤組織文檔結構，如、。 2）瀏覽器解析HTML構建DOM並渲染網頁。 3）HTML5的新特性如、、增強了多媒體功能。 4）常見錯誤包括標籤未閉合和屬性值未加引號。 5）優化建議包括使用語義化標籤和減少文件大小。

了解HTML，CSS和JavaScript：初學者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。