自定義字體不復制字體真棒在網站

我創建了一個自定義的矢量字體，並試圖在一些地方，字體真棒不適合使用它。然而，字體圖標不會顯示像真棒字體那樣的屬性。 CSS似乎是確切的，但我不知道是什麼原因造成的問題。下面你會看到自定義圖標圈出來，而其他的字體很棒。該圖標不會像字體真棒圖標那樣居中。自定義字體不復制字體真棒在網站

您可以在此頁面找到此標記：Vegas Finals

enter image description here

的HTML <i>看起來居中，但:before推動實際的圖標了。

<i class="icon-ncaa icon-ebt-ncaa"></i>

2014-03-27 Mike Flynn

最主要的是你的字形在自定義字體中沒有正確居中。

你需要（如果他們表現出了同樣的問題和其他類型）

編輯.woff文件你也應該從容器a標籤取下btn-ncaa類，因爲它改變了vertical-align並且整個按鈕也與其旁邊的那個不一致。

2014-03-27 20:16:53

我注意到了垂直對齊，但即使是這樣，它也沒有將其取消居中。當我爲此創建矢量文件以導入http://fontastic.me時，我刪除了字體周圍的任何空白。你是說我需要一個完美的廣場？ –

你是正確的在圖標月亮打開編輯和頂部被切斷，這可能是爲什麼它顯示了幾個像素！ –

回答