我們每天造訪的網站使用各種字體。
根據網站的不同，Web字體可以使用。
雖然瀏覽網頁時你可能不會特別注意到，但使用「網頁字體」可以為網站製作人員帶來各種好處。
所以，我們將向您介紹網頁字體的基礎知識，包括其基本結構、優點和高級使用方法！
網頁字體的工作原理
◆網頁字體概述
Web字體系統是從伺服器提供指定字體並在網站上顯示這些字體。
例如，如果您在網站上指定 Morisawa 的“UD Shin Go”，則除非瀏覽者的電腦或智慧型手機上安裝了“UD Shin Go”，否則內容將不會顯示。如果使用網頁字體，即使查看者的裝置上沒有安裝該字體，內容也能正常顯示。
你知道網站上的字體是如何顯示的嗎？
只要你能毫無障礙地閱讀文本，你就不會太在意字符或字體，所以很多人可能根本不會想到這一點。
在典型的網站上，文字會以正在瀏覽的裝置（例如電腦或智慧型手機）上安裝的字體顯示。
如果網站建立者未指定字體，則文字將以瀏覽器的預設字體顯示。例如，如果您使用 Google Chrome 瀏覽器，文字在 Windows 系統上將顯示 Meiryo 字體，在 Mac OS 系統上將顯示 Hiragino Kaku Gothic ProN W3 字體。
即使瀏覽同一個網站，不同的人也可能看到不同的字體。這就是它的意義。
網站建立者可以指定特定的字體，但安裝的字體會因瀏覽者使用的作業系統和裝置版本而異，因此如果瀏覽者的裝置上沒有安裝字體，則會替換為其他字體並顯示。
相比之下，Web字體可讓您無論在何種瀏覽環境下都能顯示指定的字體。就是這樣。
◆網頁字體的優勢
你了解網頁字體的工作原理嗎？
接下來，我們來看看使用網頁字體的好處。
1. 跨媒體的統一形象
例如，如果一本雜誌在其網站上使用的字體與印刷版使用的字體不同，則可能會造成圖像上的不一致。
當您使用網頁字體時，輕鬆在網站上使用與印刷品相同的字體。這樣就能在不同媒體上實現統一的形象。
2. 它解決了將文字建立為圖像時出現的問題。
此前，在網頁上顯示想要使用的字體的唯一方法是將其轉換為圖像。
但是，透過使用網頁字體，您可以顯示您想要使用的字體，而無需將其轉換為圖像。
建立基於文字而非圖像的網站具有以下優點：
-易於編輯的文本
先前修改已轉換為圖像的字體需要修改圖像本身，這很麻煩，但使用網頁字體，只需替換字元即可，從而提高了網站的創建和修改效率。
・即使放大顯示，畫面依然清晰
字體圖像在智慧型手機螢幕上放大時可能會變得模糊不清，難以閱讀，但網頁字體即使放大或縮小也能清晰顯示。
- 保持可搜尋性
字體圖像不包含文字訊息，因此不會直接出現在搜尋結果中。雖然可以透過 alt 屬性在標籤中添加文字訊息，但這非常耗時。網頁字體本身就包含文字訊息，因此可以直接出現在搜尋結果中，這是一種 SEO 優化措施。
*SEO措施：指為提高網站在搜尋結果中的可見度而採取的一系列措施。
・還可以使用機器翻譯和語音朗讀功能。
轉換為圖像的字體不包含文字訊息，因此無法用於機器翻譯或語音朗讀功能。雖然可以透過在標籤中添加 alt 屬性來添加文字資訊來實現朗讀功能，但如上所述，這非常耗時。網頁字體則可以毫無問題地用於這些功能。
巧妙運用文字表達：掌握網頁字體的技巧
一旦你了解了網頁字體的基礎知識，我們將介紹三篇文章，帶你更進一步，並提供有效使用它們的技巧。
這些技巧在實際生產環境中都能立即派上用場。
非常適合用於人名和地名！可使用網頁字體中的變體字元！
變體是指形狀略有不同的相同字元。我們將介紹一些在網頁上處理變體的技巧，這些技巧在您需要正確書寫人名、地名等時非常有用。
哪些字體適合響應式設計？掌握窄體字體！
當文字的顯示效果隨螢幕寬度變化時，例如在智慧型手機和電腦上，緊湊型字體非常有用。它們具備諸多功能，即使在狹小的空間內也能確保清晰易讀。
使用帶有“日歐混合排版”、“歐洲連字”和“花式字體”的歐洲字體！
推薦給想要自然融合日語和英語，或是想要用西式字體增添時尚感的人。它提供了關於如何使用連字、花飾和其他字符的簡單易懂的解釋。
透過了解網絡字體的工作原理並發揮一點創造力，您可以極大地擴展表達字符的方式範圍。
請參考這些文章，試著將「字體的力量」融入您的設計中。
Morisawa Web Fonts
Morisawa 也提供網頁字體。
Morisawa 的網頁字體服務“Morisawa 字體網頁字體它提供各種高品質字體和豐富的排版功能。
我們提供根據您的使用規模量身定制的方案，以及月度和年度合同，為網站創建和管理提供廣泛的支援。
| Web Font Lite | Web字體 | |||
| 合約期限 | 1個月 | 1年 | 1個月 | 1年 |
| 基本頁面瀏覽量/價格 | 250,000 PV 2750日元 | 300萬PV 33,000日元 | 100萬PV～ 5500日圓起 *頁面瀏覽量最高可達400萬次，以100萬次為單位 | 1200萬PV～ 66,000日圓起 *頁面瀏覽量最高可達4800萬次，以1200萬次為單位 |
| 項目數量 | 1 | 無限 | ||
| 使用的字體數量 | 最多 5 種字體 | 每個項目最多可使用 10 種字體 項目數量不限 | ||
| 註冊網域數量 | 最多 4 個域名 | 每個項目最多可包含 10 個域名 項目數量不限 | ||
▼有關 Morisawa 網頁字體的更多信息，請參見下文。
事件存檔資訊
Morisawa正在舉辦以設計和品牌為主題的免費線上活動。
我們將介紹一些以往專注於網站創建和網頁字體的活動。請觀看存檔視頻，並利用它們來幫助您進行網站設計和創建！
沒錯，讓我們使用網頁字體。選擇字體和排版時要考慮到字元的完整性。
排版是將字元排列成一行的方法，這在網路世界中有點困難。
在本次研討會上，NEWTOWN 的代表犬飼用他實際創建的網站實例，講解了印刷設計中使用的技術和字體用法。
申請觀看檔案館藏品：這裡
我想向一位一年級網頁設計師請教一些關於寫作本質的問題，這些問題從明天開始就會派上用場。
我們邀請了活躍在網頁設計前沿的桑原翔，為我們全面概述了網頁上的字體表達，主題是「關於字體，我希望在我作為網頁設計師的第一年就知道的事情」。
申請觀看檔案館藏品：這裡
網路無障礙設計，保護您的品牌
- 透過攻守平衡實現品牌價值 -
我們邀請了以「好設計，好體驗」為口號，從事網站製作和網路行銷的百貨公司有限公司，來談談用戶可以透過他們的網站獲得哪些資訊和體驗，以及努力和準備以避免因錯失良機或負面形象而損害品牌的重要性。
申請觀看檔案館藏品：這裡
詢問
森澤公司活動辦公室
[電子郵件] public-biz@morisawa.co.jp
本網站由 Morisawa Inc. 所經營。
關於森澤這裡