2013-09-10 21 views
0

我在雲上有一個web-app(基於Java/HTML)。客戶端將在IE/Chrome或Mozilla中訪問它。如何或如果我可以運送helvetica或類似的字體與我的網絡應用程序?

我想使用Helvetica或任何類似的字體,但默認情況下它們在系統(windows/IE/Chrome/Mozilla)中不可用。有沒有一種方法可以將這些字體發佈到我的項目中?

其次有沒有好的免費類似的,不需要授權? 但最重要的是,它在技術上如何可能?我是否將其作爲資源放入我的網絡應用程序中?如果是,如何?然後它會提示用戶下載或安裝它 - 因爲這是一個否(我們無法運送此產品的安裝)。

感謝

+1

不熟悉基於雲的東西,但如果你可以使用CSS,你不能使用'@ font-face'? –

+0

嘗試谷歌字體。 (open sans,roboto) – Chad

回答

2

除非您對字體的許可,你不能用你的項目包括它。

您可以使用類似

  1. Google Fonts - 免費
  2. Font Squirrel - 免費。您擁有許可證的Option to include fonts
  3. Type Kit - 不同的許可選項。

字體松鼠是一種「包裝」它的好方法,因爲它只是字體的CSS +文件,因爲其他的都是基於雲的。您可以通過「網頁字體」進行過濾,然後下載包含您需要的所有內容的「網頁字體套件」。簡單!

+0

非常感謝小費。有什麼Helvetica像字體可用,你可能知道在字體松鼠 - 免費以及付費? – Tintin

+1

@Tintin最好的辦法是在Font Squirrel上使用過濾器來縮小您感興趣的字體。[像這樣](http://www.fontsquirrel.com/fonts/list/find_fonts?filter [分類] = sans + serif&=&filter [license] [web] = Y&filter [family_size] = 1&filter [download] = all&sort = a2z)這是通過sans-serif網頁字體進行過濾。 – MikeSmithDev

1

爲了補充MikeSmithDev的技術要點:您可以像在網頁上一樣使用@font-face技術(在許多頁面上都有描述,這些常見問題也可以在SO上找到),但是您不需要參考字體文件服務器。你可以簡單地包括.wof,.eot等文件,在應用程序包,並指他們與相對URL,如

@font-face { 
    font-family: 'Source Sans Pro'; 
    src: url('sourcesanspro-regular-webfont.eot'); 
    src: url('sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('sourcesanspro-regular-webfont.woff') format('woff'), 
     url('sourcesanspro-regular-webfont.ttf') format('truetype'); 
} 
body { font-family: Source Sans Pro } 

儘管像「可下載字體」和「網絡字體」表達式經常使用,該技術也能夠以這種方式正常工作,在使用應用程序時無需下載(除了獲取應用程序)或Internet連接。

所以用戶不會被提示允許下載,而且他也不需要安裝字體;它們直接被瀏覽器使用。

+0

對於我提到的技術性內容+1並澄清下載提示問題。我通常不喜歡僅鏈接的答案,我在這裏給出一個答案。 – MikeSmithDev

相關問題