|
 |
| |
วิธีการ เอา font ลงในเว้บไซด์ และเรียกfont มาใช้ ทำไงครับ |
| |
 |
|
|
 |
 |
|
ช่วยหน่อยนะครับ
|
 |
 |
 |
 |
| Date :
2010-11-28 21:04:28 |
By :
icman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Code (PHP)
@font-face {
font-family: yourFontName ;
src: url( /location/of/font/FontFileName.ttf ) format("truetype");
}
.yourFontName { font-family: yourFontName , verdana, helvetica, sans-serif; }
|
| |
|
|
| |
| Date :
2010-11-28 22:01:59 |
By :
t-monroe |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณครับ ^^"
|
| |
|
|
| |
| Date :
2010-11-29 17:04:29 |
By :
icman |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มีปัญหาครับ คือ Google chrome และ Firefox อ่าครับมันแสดงผล ok แล้ว แต่ว่า
IE ไม่เป็นให้ครับ ทำยังไงดีครับ [ie 7 หรือ 8 นี้แหละ]
|
| |
|
|
| |
| Date :
2010-11-29 19:27:42 |
By :
icman |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มันเกี่ยวกับฟอนต์หรือป่าวครับ ยังไง งง 
ผมใช้ทุก browser ไม่มีปัญหานิครับ...
|
| |
|
|
| |
| Date :
2010-11-29 19:30:20 |
By :
t-monroe |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
รบกวนช่วยดูให้หน่อยครับ
ส่วนที่ผมทำ Font มันไม่เหมือนกัน chrome firefox ถูกต้อง ie ผิด
http://www.anchanatour.com/ Font มันเหมือนกัน IE ถูกต้อง chrome firefox ผิด
@font-face {
font-family: "maxfont";
src: url(font.ttf);
font-family: "thaifont";
src: url(thai.ttf);
}
|
| |
|
|
| |
| Date :
2010-11-29 19:33:58 |
By :
icman |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
@font-face {
font-family: maxfont;
src: url(font.ttf) format("truetype"); /*-- font.ttf ชี้จากไฟล์ .css --*/
}
@font-face {
font-family: thaifont;
src: url(thai.ttf) format("truetype");
}
.testFont{
font-family: thaifont,verdana,helvetica, sans-serif;
}
|
| |
|
|
| |
| Date :
2010-11-29 20:12:03 |
By :
t-monroe |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่ได้เหมือนเดิมครับ
ผมงงตาแตกแล้ว
|
| |
|
|
| |
| Date :
2010-11-29 20:29:24 |
By :
icman |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มันเรียก url() ถูกรึป่าวคับ
|
| |
|
|
| |
| Date :
2010-11-29 20:39:46 |
By :
t-monroe |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ถูกครับ พี่ แต่อยากที่บอกครับ IE แสดงไม่ตรงครับ chrome firefox แสดงผลนะครับ
|
| |
|
|
| |
| Date :
2010-11-29 20:49:21 |
By :
icman |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองแบนี้ดูครับ...
Code (PHP)
@font-face {
font-family: PSLxText;
src: url(../fonts/PSLxText.ttf ) format("truetype");
src: local(" real PSLxText "), url(../fonts/PSLxText.ttf ) format("truetype"); /* non-IE */
}
ถ้าไม่ได้คงจะเรียก font มาไม่ถูก
|
| |
|
|
| |
| Date :
2010-11-29 20:50:25 |
By :
t-monroe |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
วิธีการใช้ @font-face แบบ cross browser
สิ่งที่ต้องเตรียมมาก็คือ ไฟล์ font ที่เป็น .tff (truetype) ครับหาได้ทั่วไป มีให้โหลดเยอะแยะแถวๆ dafont.com และก็ notepad++ สักตัว(ไม่พลัสหรือตัวอื่นก็ได้ครับ แต่ผมชอบตัวนี้ ฮ่าๆ)
เสร็จแล้วก็ให้เข้าเว็บ http://www.kirsle.net/wizards/ttf2eot.cgi ตามนี้ครับ เพื่อที่จะแปลง .tff เป็น .eot ให้ IE support ด้วย (จริงๆเว็บอื่นก็มีครับลอง search google : ttf2eot หรือว่า ttf to eot )
เสร็จแล้วก็ เลือกไฟล์ font .ttf ของเรา แล้วคลิ๊ก Convert TTF To EOT! ครับ
เมื่ออัพโหลดเสร็จแล้ว web มันจะ generate css มาให้พร้อมกับลิ้งค์โหลดไฟล์ .eot ก็โหลดไฟล์ .eot นั้นมาใส่ไว้ใน folder เดียวกับไฟล์ stylesheet ครับ แล้วก็ก๊อปโค๊ดไปไว้ในหน้าเพจหรือว่าตัดเอามาใส่ใน stylesheet บรรทัดแรกๆก็ได้ครับ
คราวนี้ท่านอยากใช้ font นี้ตรงส่วนไหนก็สามารถเขียน css จับใส่ลงไปใน font-family ได้อย่างสบายใจละครับ
http://div.expertduck.com/css/css-font-face-%E0%B9%80%E0%B8%9B%E0%B8%A5%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%99%E0%B8%9F%E0%B9%89%E0%B8%AD%E0%B8%99%E0%B8%95%E0%B9%8C.html
ได้แล้วครับ ขอบคุณพี่ๆๆนะครับ ^^
|
| |
|
|
| |
| Date :
2010-11-29 21:08:22 |
By :
icman |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
กำลังหาอยู่พอดีเลยค่ะ ทำตามคุณMaxEB_SU ได้แล้วดีใจมากเลยค่ะ ขอบคุณนะค่ะ
|
| |
|
|
| |
| Date :
2013-04-24 16:03:17 |
By :
NaRza |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
@font-face คืออะไร + วิธีทำให้ใช้ได้ Cross-Browser
http://www.siamhtml.com/css-font-face-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3-%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B9%83%E0%B8%8A%E0%B9%89-cross-browser/
|
| |
|
|
| |
| Date :
2013-05-28 12:06:27 |
By :
cyclopsvfx |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
