ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Free Site@font-face พ่อทุกสถาบัน!! เปลี่ยน Font บนเว็บได้ตามใจ!!
หน้า: [1] 2   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: @font-face พ่อทุกสถาบัน!! เปลี่ยน Font บนเว็บได้ตามใจ!!  (อ่าน 10964 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
VadiForte
สมุนแก๊งเสียว
*

พลังน้ำใจ: 125
ออฟไลน์ ออฟไลน์

กระทู้: 876



ดูรายละเอียด เว็บไซต์
« เมื่อ: 19 ธันวาคม 2012, 21:29:06 »

วันนี้มีวิธีเปลี่ยน Font บนเว็บไซต์ ที่หลายๆ คนอาจจะยังไม่รู้ (มั้ง) ซึ่งวิธีนั้นโคตรจะง่าย

แต่ผมมัวไปงมวิธียากๆ ตั้งนาน

วิธีง่ายๆ มากครับ แค่เพิ่ม โค๊ดนี้เข้าไปใน CSS

@font-face
     {
         font-family: DSN_Single;
         src: url(http://yourwebsite.com/DSNSIN.TTF );
     }

เปลี่ยน font-family: DSN_Single; เป็นอย่างอื่นตามใจฉันได้เลยครับ
ส่วน src: url(http://yourwebsite.com/DSNSIN.TTF ); ก็ให้เลือกไปที่ไฟล์ Font ที่เราอัพไว้

ส่วนวิธีนำไปใช้นั้นก็แค่ เอา font-family: DSN_Single; ไปใส่ไว้ในแท็ก CSS ที่ต้องการให้เปลี่ยนฟ้อนท์ครับ

ง่ายๆครับ จบข่าว

 wanwan001

นี่ตัวอย่างเว็บที่ผมเพิ่งเปลี่ยนไป http://store-th.com/ ในส่วนของ Title
ซึ่ง Tiltie เว็บผมใช้ h2 ผมก็จัดการเอา  font-family: DSN_Single; ไปต่อที่ h2 ใน CSS ครับ

ง่ายไหมครับพี่น้อง
« แก้ไขครั้งสุดท้าย: 19 ธันวาคม 2012, 21:29:28 โดย VadiForte » บันทึกการเข้า

Zhelf
คนรักเสียว
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 145



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 19 ธันวาคม 2012, 21:42:36 »

ขอบคุณครับผม จะลองเอาไปใส่เว็บดู wanwan017
บันทึกการเข้า

Phromphat
สมุนแก๊งเสียว
*

พลังน้ำใจ: 43
ออฟไลน์ ออฟไลน์

กระทู้: 768



ดูรายละเอียด
« ตอบ #2 เมื่อ: 19 ธันวาคม 2012, 22:09:48 »

โอ้แจ่มมาก แล้วสามารถเปลี่ยนได้ทั้งเว็บเลยด้วยไหมครับ
 wanwan017
บันทึกการเข้า
cgdeaw
สมุนแก๊งเสียว
*

พลังน้ำใจ: 66
ออฟไลน์ ออฟไลน์

กระทู้: 752



ดูรายละเอียด
« ตอบ #3 เมื่อ: 19 ธันวาคม 2012, 22:10:54 »

ขอบคุณครับ +1
บันทึกการเข้า
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 158
ออฟไลน์ ออฟไลน์

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #4 เมื่อ: 19 ธันวาคม 2012, 22:11:30 »

ขอบคุณครับ
บันทึกการเข้า
pakakal01
สมุนแก๊งเสียว
*

พลังน้ำใจ: 32
ออฟไลน์ ออฟไลน์

กระทู้: 890



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 19 ธันวาคม 2012, 22:56:53 »

ขอบคุณครับผม ง่าย แต่มีประโยชน์มาก
บันทึกการเข้า

WPDSign
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 500
ออฟไลน์ ออฟไลน์

กระทู้: 9,060



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 20 ธันวาคม 2012, 00:01:27 »

แค่คิดยังไม่เคยลอง
ขอบคุณครับ
บันทึกการเข้า

สร้างบ้าน Modern แบบบ้านโมเดิร์น มาแรง
» ต้องการสร้างบ้านดูแบบบ้านสวยๆ แบบบ้านสองชั้น ทุกสไลต์บริการรับสร้างบ้าน ใครฝันอย่างสร้างบ้านสไตล์รีสอร์ท มีแบบบ้านสไตล์รีสอร์ท พร้อมก่อสร้าง ลงประกาศขายบ้านที่ ลงประกาศ
Veeraphan
คนรักเสียว
*

พลังน้ำใจ: 23
ออฟไลน์ ออฟไลน์

กระทู้: 171



ดูรายละเอียด
« ตอบ #7 เมื่อ: 20 ธันวาคม 2012, 00:13:16 »

ขอบคุณสำหรับความรู้ครับ  wanwan017

แต่ขอติงนิดหน่อย  เรื่องคำว่า "พ่อทุกสถาบัน!!"  ถึงแม้ท่านเจ้าของกระทู้ไม่ได้สื่อความหมายไปในทางหยาบคายก็ตาม  หากเลี่ยงได้ก็อยากให้เลี่ยงไม่ใช้คำนี้ครับ
บันทึกการเข้า

Jokerz
คนรักเสียว
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 119



ดูรายละเอียด
« ตอบ #8 เมื่อ: 20 ธันวาคม 2012, 02:49:10 »

ขอบคุณคับ จะลองดู
บันทึกการเข้า
somsak1
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 100
ออนไลน์ ออนไลน์

กระทู้: 1,538



ดูรายละเอียด
« ตอบ #9 เมื่อ: 20 ธันวาคม 2012, 04:29:30 »

เราสามารถเปลี่ยนฟ้อนท์ของบอร์ด SMF ได้ไหมครับ ใครทำได้ช่วยแนะนำหน่อย
บันทึกการเข้า

mooyongster
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 177
ออฟไลน์ ออฟไลน์

กระทู้: 1,879



ดูรายละเอียด
« ตอบ #10 เมื่อ: 20 ธันวาคม 2012, 04:42:47 »

ใช้ประจำ font สวยๆทั้งนั้น fontface
บันทึกการเข้า

MoDiscuz.com เราออกแบบเว็บดิสคัสให้คุณได้ไม่ซ้ำใคร jobsimple 555Clip seotube myappstemplates
mymo
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 302
ออฟไลน์ ออฟไลน์

กระทู้: 3,163



ดูรายละเอียด
« ตอบ #11 เมื่อ: 20 ธันวาคม 2012, 07:07:04 »

ขอบคุณครับ wanwan003
บันทึกการเข้า

dekmv
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 222
ออฟไลน์ ออฟไลน์

กระทู้: 3,264



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 20 ธันวาคม 2012, 07:28:16 »

เสริมครับ

@font-face {
    font-family: 'AlfaSlabOne-Regular-OTF-webfont';
    src: url('../font/AlfaSlabOne-Regular-OTF-webfont.eot');
    src: url('../font/AlfaSlabOne-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/AlfaSlabOne-Regular-OTF-webfont.woff') format('woff'),
         url('../font/AlfaSlabOne-Regular-OTF-webfont.ttf') format('truetype'),
         url('../font/AlfaSlabOne-Regular-OTF-webfont.svg#AlfaSlabOne-Regular-OTF-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

รองรับหลาย Browser ครับ
บันทึกการเข้า
atzcret
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 130
ออฟไลน์ ออฟไลน์

กระทู้: 3,669



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 20 ธันวาคม 2012, 08:35:04 »

เยี่ยม !!
บันทึกการเข้า

สูงเกิน 250 pixel
yuseki
คนรักเสียว
*

พลังน้ำใจ: 20
ออฟไลน์ ออฟไลน์

กระทู้: 120



ดูรายละเอียด
« ตอบ #14 เมื่อ: 20 ธันวาคม 2012, 08:42:18 »

โอ้!!เยี่ยมมาก ขอบคุณมากค่าาา wanwan017
บันทึกการเข้า
Pink.in.th
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 288
ออฟไลน์ ออฟไลน์

กระทู้: 2,449



ดูรายละเอียด เว็บไซต์
« ตอบ #15 เมื่อ: 20 ธันวาคม 2012, 10:07:46 »

ขอบคุณมาก ๆ ครับ เคยใช้อยู่เหมือนกันครับ  wanwan019
บันทึกการเข้า

ผู้หญิง   บริการออกแบบเว็บไซต์  
ขายสคริปเกมส์เพียว ๆ ราคา 300 บาท, มีเกมส์ด้วยราคา 500 บาท ติดตั้งฟรี เลือก Theme ได้ครับ >> Theme 1   Theme 2
xaax
ก๊วนเสียว
*

พลังน้ำใจ: 30
ออฟไลน์ ออฟไลน์

กระทู้: 459



ดูรายละเอียด เว็บไซต์
« ตอบ #16 เมื่อ: 20 ธันวาคม 2012, 10:41:57 »

แจ่มเลยครับ เดี๋ยวลองเอาไปใช้ดู  wanwan017
บันทึกการเข้า

holidaytours
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 291
ออฟไลน์ ออฟไลน์

กระทู้: 7,581



ดูรายละเอียด เว็บไซต์
« ตอบ #17 เมื่อ: 20 ธันวาคม 2012, 10:47:49 »

สุดยอดมากคับ
 wanwan017
บันทึกการเข้า

Yuu_jung
ก๊วนเสียว
*

พลังน้ำใจ: 60
ออฟไลน์ ออฟไลน์

กระทู้: 418



ดูรายละเอียด เว็บไซต์
« ตอบ #18 เมื่อ: 20 ธันวาคม 2012, 10:53:46 »

ขอบคุณมากคร่า
บันทึกการเข้า

icokezaa
คนรักเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 172



ดูรายละเอียด
« ตอบ #19 เมื่อ: 20 ธันวาคม 2012, 11:55:42 »

แจ่ม เลยครับ ขอบคุณมากครับ  wanwan019
บันทึกการเข้า

หน้า: [1] 2   ขึ้นบน
พิมพ์