適合企業的用字方案

2021-12-28 10:14:08.0

分類: Products and Applications

每日,企業中,專案經理為了新成立的專案撰寫企劃書和時程規畫,業務與客戶提案用簡報介紹公司產品,福利委員會籌辦公司員工旅遊的行程表,公司和客戶之間的合約書等這些情境文字佔有相當程度的重要性,選用合適造型的字體來詮釋文句,可有效的增加訊息閱讀的效率、簡報的可讀性,更可增加讀者的印象。

文鼎雲字庫包含繁體中文、簡體中文、日文、韓文、拉丁等語言文字共有超過1500個字行可供選擇使用,當中更引進歐洲字型廠商Dalton MaagTypotheque高品質的拉丁字型供使用者選擇使用。 

2021年文鼎新上架字體數量達到67套字之多,新字型有文鼎白玉書體H16C90、文鼎書苑宋HKDisplayH16~H62、文鼎簽字筆體、文鼎DC光璐硬笔楷书、文鼎花栗體等,使用文鼎iFontCloud雲字庫字型賃服務,在租賃期間可免費的獲得新字體使用。

2021年新上架字體中最受大家關注和討論為文鼎花栗體,此套字型以花栗鼠與橡實外型做設計發想的Display Type。筆型設計帶有圓潤感,充滿著花栗鼠小巧可愛的樣貌,橫、豎筆畫無拘泥的建築於字體結構,以律動的方式帶出手寫字的溫度感,其展現花栗鼠的活力、不受拘束的性格,讓使用者能透過花栗體可愛、自由的特色在生活中增加幸福感。

  

繁體中文

繁中旗艦包 (標準):繁中及英歐文字型,每季會增加新字型,共350套以上

文鼎繁中DC風格包(進階):文鼎與設計師共同合作設計繁中字型,書法大師、插畫家、設計師手寫、手繪的真跡精選合輯,保留手書原貌,涵蓋經典書法、心動手寫、現代設計等風格

文鼎UD晶熙黑體-東亞字型包 (進階):提供不同語系的晶熙黑體字型,包含繁中、簡中、日文、韓文及英歐文的晶熙黑字型包

方新書字型包 (進階):提供繁中、簡中及Condensed的方新書字型

 

拉丁

AR Latin Font Pack (進階):文鼎拉丁字型包共109套英歐文字型

Dalton Maag Font Pack 2019(進階):英國知名字型設計公司Dalton Maag設計的282套英歐文字型包

Typotheque Font Pack(進階):荷蘭知名的字型設計公司,字型支援西歐、東歐、北歐、希臘、斯拉夫…等文字及符號

 

日文

文鼎日文字型包(進階)54套日文JIS 0208字型

 

韓文

Sandoll Korean Font Pack (進階)48套韓文字型

 

簡體中文

簡中旗艦包 (標準):簡中及英歐文字型,每季會增加新字型,共350套以上

文鼎簡中DC風格包(進階):文鼎與設計師共同合作設計簡中字型,書法大師、插畫家、設計師手寫、手繪的真跡精選合輯,保留手書原貌,涵蓋經典書法、心動手寫、現代設計等風格

 


Products and Applications

文鼎方新書

文鼎方新書立於黑體,保留黑體的簡練、穩重,融合明體的舒適、清雅,並以高規格審視標題用字之識別性、內文用字易讀性,期望帶給使用者最佳的使用體驗。文鼎方新書造型設計捨棄明體傳統點、捺造型,收筆如眉,清新盈盈,兼容字構的均衡平穩。

因橫直筆寬度的搭配及收筆縮減,文鼎方新書融合黑體和明體的優點,加上反覆雕琢視覺濃淡,排版視覺清晰不突兀。拓展Condensed 系列後,使方新書在排版的表現更為出色,提供使用者多元選擇。

 

本影片透過Adobe Illustrator來呈現方新書的使用方式,分別演示中文常用全型符號調和設計(Proportional)、長體Condensed家族、經過字元灰度調整後的方新書,使用在桃園機場第三航廈的介紹以及方新書的可變式字體(Variable Font)。

 

應用設計

Products and Applications

更換電腦,iFontCloud文鼎雲字庫軟體無法使用,該怎麼辦?

使用iFontCloud文鼎雲字庫軟體一段時間後,如果也想要在另外一台電腦上使用字體,在新電腦下載安裝iFontCloud文鼎雲字庫完成後,你可能會遇到啟用訂單時出現告知「無法啟用訂單」或是「授權已滿」的訊息,這時候該怎麼做呢?

 

由於iFontCloud文鼎雲字庫軟體的授權認定是以認定電腦設備為單位,當更換電腦或是重灌電腦(會視為新的電腦)必須將原本的電腦授權移除才能在新的電腦使用,此時需要到iFontCloud網站的租賃管理頁面移除舊電腦的授權,才能在新電腦的iFontCloud文鼎雲字庫軟體訂單頁面啟用訂單。

 

iFontCloud字型服務授權移轉操作步驟說明如下:

1. 請至iFontCloud進行會員登入

 

2. 登入完成後,點選圖示,於下拉選單點選「租賃管理」

 

移除授權前

 

 

移除授權後

Products and Applications

如何將可變式字體使用於網頁上

時間在2016 年底,Microsoft、Apple、Adobe、Google聯合發佈了OpenType 1.8 可變式字體Variable Font。

 

一個可變式字體檔案可以包含傳統靜態字體家族中的每一個字體。如果使用者端在字體有使用到兩個字重以上的情境,基於可變式字體技術的特性,字體的檔案資料量是可變式字體的一個優勢,我們以文鼎UD晶熙黑體G30字體為例,如果設計案件需要使用5個字重、4個字寬這樣龐大的字體家族,那麼總共20個字體檔案約有160MB,但若採用可變式字體,則僅需20MB,足足減少了87.5%的檔案資料量。

更好的是,設計師和工程師還可以幾乎不受限制的使用可變式字體中的變化。例如字重與字寬的變化,使用者可以在Medium、Heavy或與長體Condensed間透過變數軸或參數的調整自由穿插的使用字體。隨著可變式字體的推出與應用軟體的支援,我們可以預測到可變式字體使用上的好處:為網頁/UI工程師在多字重字體資料量提供更好的壓縮,為設計師在作品上提供更細膩的呈現,以及為讀者提供更精緻的閱讀體驗。

 

可變式字體在2016/11月發佈後,最早支援可變式字體的主要設計軟體是 Adobe Photoshop、Illustrator 和 InDesign。如今,這些軟體內建了多款英文可變式字體,因此,現在數百萬使用 Creative Cloud 的設計師都可以體驗到可變式字體這種新的排版潛力。

 

使用情境如果移轉到Web呢?我們先來體驗一下吧!將滑鼠經過下方文字,看看會有怎樣的效果~

 

這個效果都是可變式字體透過CSS的設定所設計出來的互動呈現,我們分解成5個步驟:

1. 設定Web Font

於網頁內嵌入Web Font JS

 

2. 準備好小篇幅文章,設定於網頁內

例如文字為『文鼎晶熙黑』,將文字用<span>分別組合起來並放入網頁內<span>今</span> <span>晚</span> <span>我</span> <span>想</span> <span>來</span><span>點</span>

 

3. 設定字型名稱\

span {

    font-family:'文鼎VF甜妞體_Wr';

}

 

4. 設定動畫呈現

預設文字字重為 300

span {

    font-variation-settings: 'wght' 300;

}

 

當滑鼠移到文字上時,將字重設定為 600

span:hover {

    font-variation-settings: 'wght' 600;

}

 

5. 加入一些進場、退場效果

設定3秒回到原始字重300

span {

    font-variation-settings: 'wght' 300;

    transition: 3s;

}

 

設定0.1秒字重設定到600

span:hover {

    font-variation-settings: 'wght' 600;

    transition: .1s;

}

 

透過以上五個步驟及CSS的設計,就可在網頁上以文字輕鬆、快速的呈現出動態效果來。在現在的桌機和移動設備上主要的瀏覽器大都已支援可變式字體的顯示,支援的瀏覽器版本整理如下表,因此,我們可以期待,透過更多可變式字體產品的推出,網頁的面貌將在互動設計師與網頁工程師攜手下,帶來許多的視覺觀感體驗。

 

Web browsers

   

Chrome

62+

Safari

11+ (requires macOS 10.13+)

iOS Safari

11+

Firefox

62+ (requires macOS 10.13+)

Edge

17+

Opera

49+

Samsung Internet

8.2+

 

如果對於可變字體在網頁CSS動態效果的設定有興趣的話,下方網址有更多中文可變式字體套用Web CSS設定的使用範例。

https://ifontcloud.com/index/variablefont_demo.jsp

 

文鼎網頁字型方案

https://ifontcloud.com/index/plan.jsp