ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: wasantec ที่ 04 พฤศจิกายน 2012, 20:02:16



หัวข้อ: สอบถามเรื่อง css font-family
เริ่มหัวข้อโดย: wasantec ที่ 04 พฤศจิกายน 2012, 20:02:16
อยากได้  font แบบหัวข้อต่างๆ ของ www.sanook.com (http://www.sanook.com) มันทำยังไงครับ
(http://upic.me/i/ad/37untitled.png) :wanwan017:




ทำได้แล้วครับ สำหรับเพื่อนๆ ที่อยากทำบ้าง  ผมใช้ Font ฟรีจาก http://www2.rsu.ac.th/info/downloads-logo

เข้าเว้บนี้  http://www.kirsle.net/wizards/ttf2eot.cgi   เพื่อไปแปลง เป็น File Font เป็นนามสกุล .eot  เพื่อให้แสดงผลใน IE ได้ แปลงเสร็จ อย่าลืมโหลดเอา Font มาด้วยละ

ใส่ code ด้านล่างนี้ ใน css  แล้วก็นำ Font ที่โหลดมา RSU_Regular.eot กับ RSU_Regular.ttf  เอาไปไว้ใน Folder เดียวกับ File .Css  ของท่าน  


@font-face {
 font-family: RSU_Regular;
 src: url("RSU_Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: RSU_Regular;
 src: url("RSU_Regular.ttf") /* TTF file for CSS3 browsers */
}


นำ Code ด้านล่างนี้ ไปใส่ ในส่วนที่ต้องการ ให้เปลี่ยน Font

font-family: RSU_Regular, Verdana, Arial, sans-serif;

ตัวอย่าง

.testfont h1 {

    font-family: RSU_Regular, Verdana, Arial, sans-serif;
    font-size: 28px;
    color: #333;

}
 :wanwan019:


หัวข้อ: Re: สอบถามเรื่อง css font-family
เริ่มหัวข้อโดย: ball6847 ที่ 04 พฤศจิกายน 2012, 20:26:59
ใช้ css font-face ครับ เอา พวก .ttf ไปเจนเอา
font ตัวนี้ชื่อ sukhumvit คับ


หัวข้อ: Re: สอบถามเรื่อง css font-family
เริ่มหัวข้อโดย: frenfolio ที่ 04 พฤศจิกายน 2012, 20:41:36
ระวังเรื่องลิขสิทธิ์ ด้วยนะครับ


หัวข้อ: Re: สอบถามเรื่อง css font-family
เริ่มหัวข้อโดย: wasantec ที่ 04 พฤศจิกายน 2012, 21:03:25
ใช้ css font-face ครับ เอา พวก .ttf ไปเจนเอา
font ตัวนี้ชื่อ sukhumvit คับ

ขอรายละเอียดเพิิ่มหน่อยครับ ขอบคุณมาก


หัวข้อ: Re: สอบถามเรื่อง css font-family
เริ่มหัวข้อโดย: suphot.s ที่ 04 พฤศจิกายน 2012, 21:28:00
เอา font .ttf ไปที่เว็บนี้
http://www.font2web.com/
ได้ไฟล์ zip มาลองเปิดดูครับ


หัวข้อ: Re: สอบถามเรื่อง css font-family
เริ่มหัวข้อโดย: wasantec ที่ 04 พฤศจิกายน 2012, 21:30:11
ขอบคุณมากครับ ได้ละ เดี๋ยวบอกคนที่ ต้องการด้วยดีกว่า :wanwan011: