如果你不想使用谷歌字體部分默認Helvetica Neue Helvetica或Arial，你也可以準備自己的字體加載。例如，你可以將myfonts.com自定義字體，從它fontspring.com或fontsquirrel.com或使用webfonts發生器（建議方法！）請確保您下載@字體面板套件。
1.所有你需要做的是復制和粘貼的字體文件，作一些編輯你的Custom.css文件。在這個例子中，我們將解釋如何可以添加自定義字體AlexBrush你joomshaper模板。該方法可用于基于HELIX3框架模板。
請把所有的字體文件（EOT 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標簽或菜單項等，請關閉（禁用）在字體選項卡谷歌字體！。
前端最終結果
