|
|
|
เกี่ยวกับ font บนเว็บไซต์ครับ จะให้มัน ใช้ font แบบที่เราต้องการทุกบราวเซอร์ ทุกเครื่อง อย่างไรครับ |
|
|
|
|
|
|
|
ตัวอย่างจาก css ที่ผมเคยใช้
Code (PHP)
<style>
@charset 'UTF-8';
@font-face {
font-family:THsarabun;
src: url(font/THsarabunnew.eot) format('embedded-opentype');
src: url(font/THsarabunnew.ttf) format('truetype');
src: url(font/THsarabunnew.woff) format('woff');
font-weight: normal;
}
@font-face {
font-family:THsarabun;
src: url(font/THsarabunnew_bold.eot) format('embedded-opentype');
src: url(font/THsarabunnew_bold.ttf) format('truetype');
src: url(font/THsarabunnew_bold.woff) format('woff');
font-weight: bold;
}
html {
background: url(image/full_bg.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body, table{
font-family: THsarabun, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
/*background:#f7f7f7;
background-image: url(image/noisebg2.png);
background-repeat: repeat;*/
}
</style>
|
|
|
|
|
Date :
2014-08-01 15:44:52 |
By :
mangkunzo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
@font-face {
font-family: Helvetica;
src: url('font/Helvetica.eot');
src: url('font/Helvetica.eot?') format('embedded-opentype'),
url('font/Helvetica.woff') format('woff'),
url('font/Helvetica.ttf') format('truetype');
}
นำ code นี้ไปวางใน css ครับ และแปลง font ttf ให้เป็น eot,woff ไว้ใน path ที่เดียวกัน
|
|
|
|
|
Date :
2014-08-01 15:47:47 |
By :
Ex-[S]i[L]e[N]t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมใช้เว็บนี้แปลงครับ
http://everythingfonts.com/font-face
|
|
|
|
|
Date :
2014-08-02 03:43:53 |
By :
pooturbo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|