介紹
在HELIX3模板主要是基于谷歌的主要的字體集合。這個設置區域允許您輕松地從谷歌字體目錄到你的Joomla添加字體!模板。所有可用的字體都在開源許可證下發布。您可以使用它們在任何非商業或商業項目。谷歌字體API的作品在現代移動操作系統的絕大部分,包括Android和iOS(iPhone、iPad、iPod)。

印刷術在HELIX3
“更新字體列表”功能-允許您刷新可用的谷歌字體列表。所以如果有任何新的,這個按鈕允許你快速點擊鏈接更新字體,他們將被自動添加到HELIX3框架數據庫。它可以讓你快速地使用它們。

字體設置允許你選擇的字體和HTML標簽設置:H1,H2,H3,H4,H5,H6,導航。子集(如擴展,只需選擇你想要的字符集。當然,如果他們可用于選定的字體集。所有設置都是從模板設置,所以你現在有一個簡單而有效的方式嵌入谷歌字體你選擇到你的網站與你的鼠標點擊幾下。

谷歌已經為社區提供了大量的基于網絡的字體了相當多年。現在,谷歌目錄有上百個大字體,而且選擇正穩步增長。一個獨特的特征是生活在HELIX3字體預覽選擇從列表800 +可用的字體。記得將好看的字體(S)為Joomla網站可以改善外觀,增加信任您的網站,但可能會減慢網站以及。
與其他資產一樣,字體文件必須在顯示之前下載到網站訪問者的計算機上。由谷歌字體API服務的字體會自動壓縮,以便更快的下載,并且一旦下載緩存在瀏覽器中,并被任何使用谷歌字體API的其他網頁重復使用。一般來說,您應該知道您在網站或頁面上所使用的字體文件的大小。我們建議只嵌入所需的樣式和腳本。

如果谷歌的字體將被禁用然后默認字體設置:“Helvetica Neue”,Helvetica,Arial,將代替。這些都是流行和普遍字體包括在引導框架。
自定義CSS選擇器的字體
這部分允許您同時使用自定義谷歌字體選擇的CSS選擇器。只要啟用選項,選擇字體設置和在空字段下面插入逗號分隔的類名稱。

添加一個新的字體到模板
如果你不想使用谷歌字體Helvetica Neue Helvetica也沒有問題,你也可以準備自己的字體加載。例如,你可以將myfonts.com自定義字體,從它fontspring.com或fontsquirrel.com或使用webfonts發生器(建議方法!)請確保您下載@字體面板套件。
所有你需要做的是復制和粘貼的字體文件,作一些編輯你的Custom.css文件。在這個例子中,我們將解釋如何可以添加自定義字體AlexBrush,joomshaper模板。該方法可用于基于HELIX3框架模板。
1.請把所有的字體文件(eot, woff, ttf, svg)從模板包相同的模板文件夾模板讓其他字體,例如:template\ shaper_helix3 \font 它使用FTP工具。

2.現在打開stylesheet.css應生成的字體包,在我的例子中,它看起來像這樣:
@font-face {
font-family: 'alex_brushregular';
src: url('alexbrush-regular-webfont.woff2') format('woff2'),
url('alexbrush-regular-webfont.woff') format('woff'),
url('alexbrush-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
3.但我們需要改變路徑的文件,我建議使用下列更改(.. /font/):
@font-face {
font-family: 'alex_brushregular';
src: url('../fonts/alexbrush-regular-webfont.woff2') format('woff2'),
url('../fonts/alexbrush-regular-webfont.woff') format('woff'),
url('../fonts/alexbrush-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
4.現在打開或創建文件/文件夾里面Custom.css CSS(在joomshaper模板)和副本更新代碼。
5.一旦您添加字體到您的模板的字體目錄,您可以應用到您的網站。現在你必須選擇新的字體選擇的CSS選擇器或HTML標簽,里面還Custom.css文件,例如:
h1, h2, h3 { font-family: 'alex_brushregular', Arial; }
這里是我的示例文件的內容

6.您也可以替換默認的字體顏色和你喜歡的字體和大小字體大小,同時使用一個基本的CSS規則。
7.如果你想使用自定義字體的HTML標簽或菜單項等,請關閉(禁用)在字體選項卡谷歌字體(!)。
前端最終結果






