字體格魯吉亞開始在不同的高度

我有websafe字體格魯吉亞是beuatifull我想要什麼。字體格魯吉亞開始在不同的高度

我唯一的問題是字體的底部不排隊。

<style> 
.georgia { 
    font-family:georgia; 
    font-size:1.9em; 
} 
</style> 
<span class="georgia"> 
    1234567890 
</span>

正如你可以在小提琴看到的是1,2,6和8都開始比其他國家要高一點。

問題： 我怎樣才能使格魯吉亞，它在一行中全部首發，同時還能夠與XXEM設置站點。

我不介意：

分裂字符串
設置不同類別的

我只是需要一個可行的解決方案，還允許動態調整大小。

來源

2012-11-16 Tschallacka

幾乎可以肯定是不可能的。字體是這樣設計的，你必須做手動字距依賴於字母，即將每個單詞分成字母和跨越每個字母，然後使用javascript讀取字母並手動設置位置頂部： - 'n'px基於字符是......不可行 –

整個頁面使用的文本還是標題等？你必須擁有什麼級別的瀏覽器支持？ –

就像一個藍色的球的產品價格。但要讓價格上下跳動只是愚蠢的，看起來不太專業 – Tschallacka

這只是字體的樣式，從技術上講所有的字體字符排列起來（如果突出顯示文字，它將顯示字體字符的高度）。

即使分割字體，也不能一致地排列格魯吉亞字體，因爲偏移量必須根據字體大小而變化。這可能是使用em的可能，但它至少會是hacky，並且很難一致地跨瀏覽器工作。

此外，更改字體位置將導致Kerning問題。

然而，還有另一種相似的字體格魯吉亞從受到影響，這不排隊：

格魯吉亞納入了克拉倫登風格的字體影響

http://en.wikipedia.org/wiki/Clarendon_(typeface)

來源

2012-11-16 10:13:19 Curt

+1知道替代基本對齊的字體; –

您可以設置ems的偏移量，這將在排隊點上擴展 - 我的想法是反正純粹的投機和不應該比POC代碼 –

我叩頭約克拉倫登以外的任何嘗試......唯一的問題是，它不是網絡安全:( – Tschallacka

對於websafe解決方案，我最終實現了這一點：http://jsfiddle.net/JW7F8/2/

<style> 
.georgia { 
    font-family:georgia; 
    font-size:1.9em; 
} 
.subitx { 
     position:relative; 
     top:0.18em; 
     } 
.subity { 
     position:relative; 
     top:0.13em; 
     font-size:1.2em 
     } 
</style> 
<span class="georgia"> 
    <span class="subity">1</span><span class="subity">2</span>345<span class="subitx">6</span>7<span class="subitx">8</span>9<span class="subity">0</span> 
</span>

只有恥辱是大小的字體比其他字體大膽。

我真的希望有這工作的跨瀏覽器更安全的上網環境字體... 嘆息

來源

2012-11-16 10:34:21 Tschallacka

哇，你毅然不顧手動字距在跨越^^ :) –

是啊......不可能把一個商業項目擱置，直到有適當的實施呈現像原生字體一樣好的web字體。如果我沒有設計師會咬我的頭;-) – Tschallacka

順便說一句，我回到了我的愛好90年代的詛咒和邪惡的IE瀏覽器不支持Web標準...我討厭有條件的標記爲ie .. – Tschallacka

佐治亞字體有舊式的數字，也就是數字，在高度而變化，並且可以延伸到基線以下太。

人們在網頁上使用的大多數字體都有現代風格的「襯裏」數字，所有數字的高度相同，大致與大寫字母相同。

某些字體包含兩者。最近，在幾種瀏覽器中，使用font-feature-settings在CSS中選擇這種替代方法成爲可能。但格魯吉亞只有老式的數字。

如果您認爲此類基本功能不適合您的文本，最好選擇其他字體。

但是，在WebKit瀏覽器（Chrome，Safari）上，使用@font-face（對於本地字體，未嵌入）和unicode-range，可以指定從其他字體獲取數字。這是在技術上簡單，但不是一個真正的好主意：

@font-face { 
    font-family: Georgiax; 
    src: local("Times New Roman"); 
    unicode-range: U+30-39; 
} 
@font-face { 
    font-family: Georgiax; 
    src: local("Georgia"); 
    unicode-range: U+0-29, U+40-10FFFF; 
}

然後你只想用font-family: Georgiax，就好像它是一個真正的字體系列。但正如所說的，除了WebKit瀏覽器之外，這種技術不被支持，並且從另一個字體獲取數字意味着印刷錯誤。

P.S.格魯吉亞網站不安全。沒有字體。例如，您不會在Android上找到它。

來源

2012-11-16 12:37:20

字體格魯吉亞開始在不同的高度

回答

相關問題