MENU
模擬合圖
模擬合圖
字型比較
字型比較
字型收藏
字型收藏
購物車
購物車
最新訊息
會員登入
會員登入
網站地圖
Change Site
日本語
简体中文
繁體中文(HK)
English(HK)
English
關於華康
董事長的話
華康的歷史
沿革
產品服務
華康字型史
獲獎項目
企業LOGO
交通資訊
字型故事
產品
企業解決方案
外字解決方案
嵌入式字型
華康字型授權方案
支援專區
聯絡我們
詢問表單
常見問題
下載專區
作業系統支援一覽表
銷售據點
詢問表單
請輸入以下欄位資訊。
姓名
電話
E-Mail
※
洽詢項目
華康字型產品(授權產品、盒裝產品、下載版產品)相關詢問
購買後的詢問
外字解決方案
嵌入式字型/多國語言/簡體中文
字型授權
華康威font(網頁字型服務)
關於「華康金剛黑」的詢問
洽詢內容
圖片驗証
按圖片換一張
繼續填寫
直接送出
為提供您更多優質網站內容,本網站使用Cookies分析技術。若繼續閱覽本網站內容,即表示您同意我們使用Cookies。
了解更多
同意
常見問題
華康字型
支援專區 / 常見問題
華康威font
關於導入方式
如何在網頁中導入縱書?
Q:如何在網頁中導入縱書?
Answer:
在Web Editor中,我們提供了縱書的Plugin,方便您在編輯器中,直接選取欲轉換成縱書的文字,按下Plugin,即可顯示在網頁上。
其他工具,則透過CSS擴充功能,將縱書語法寫入網頁程式中,即可在網頁上顯示縱書樣式。
您只需要在欲轉換為縱書的文字外,加入Tag(如:span、div…等),並於Tag中設定Style為以下參數,即可在網頁中顯示縱書效果:
-webkit-writing-mode:vertical-rl;
-moz-writing-mode:vertical-rl;
-ms-writing-mode:tb-rl;
-ms-writing-mode:vertical-rl;
writing-mode:vertical-rl;
以CSS Generator為例,產生的CSS編碼如下:
原來在這裡,我熟悉的記憶。
原來在這裡,我熟悉的記憶。
在Sytle中,加入縱書參數後:
-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-ms-writing-mode:vertical-rl;writing-mode:vertical-rl;
">原來在這裡,我熟悉的記憶。
原來在這裡,我熟悉的記憶。