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

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

หน้า: 1 [2]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: Font ในเว็ป  (อ่าน 3887 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
kengracing
คนรักเสียว
*

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

กระทู้: 165



ดูรายละเอียด เว็บไซต์
« ตอบ #20 เมื่อ: 20 เมษายน 2012, 00:30:18 »

cufon ไม่แนะนำครับ มันโหลดช้า

ใช้ @font-face ดีที่สุด

วิธีทำ เข้าไปที่เว็บนี้ครับ http://www.fontsquirrel.com/fontface/generator
- อัปโหลดไฟล์ฟอนต์ที่ต้องการใช้งานเข้าไป
- เลือก EXPERT
- ที่ Subsetting เลือก No Subsetting (เพราะเราต้องใช้กับภาษาไทย)
จากนั้นก็ดาวน์โหลด

แตกไฟล์ ในนั้นเค้าจะมีทำฟอนต์มาให้เรา .eot, .woff, .ttf รวมทั้งไฟล์ .css และตัวอย่างหน้าเว็บ
ที่นี่คุณก็อัปโหลดไฟล์ฟอนต์เข้าไปในเว็บ ทำตามตัวอย่างที่แนะนำไปนั้นแหละครับ ไม่ยาก

เว็บผมก็ทำ @font-face ลองดูตัวอย่างที่ http://rcw.ms
บันทึกการเข้า

RacingWeb.NET: http://racingweb.net
nackthepot
ก๊วนเสียว
*

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

กระทู้: 293



ดูรายละเอียด เว็บไซต์
« ตอบ #21 เมื่อ: 20 เมษายน 2012, 14:14:27 »

cufon ไม่แนะนำครับ มันโหลดช้า

ใช้ @font-face ดีที่สุด

วิธีทำ เข้าไปที่เว็บนี้ครับ http://www.fontsquirrel.com/fontface/generator
- อัปโหลดไฟล์ฟอนต์ที่ต้องการใช้งานเข้าไป
- เลือก EXPERT
- ที่ Subsetting เลือก No Subsetting (เพราะเราต้องใช้กับภาษาไทย)
จากนั้นก็ดาวน์โหลด

แตกไฟล์ ในนั้นเค้าจะมีทำฟอนต์มาให้เรา .eot, .woff, .ttf รวมทั้งไฟล์ .css และตัวอย่างหน้าเว็บ
ที่นี่คุณก็อัปโหลดไฟล์ฟอนต์เข้าไปในเว็บ ทำตามตัวอย่างที่แนะนำไปนั้นแหละครับ ไม่ยาก

เว็บผมก็ทำ @font-face ลองดูตัวอย่างที่ http://rcw.ms


อัพโหลดไฟล์ฟอนต์มันทำยังไงอะครับ เหมือนเราอัพโหลดรูปลงเว็ปหรือปล่าว
ผมลองทำดูมันขึ้น Error อะครับ

ช่วยแนะนำทีครับ
บันทึกการเข้า

IOlIDIl
Newbie
*

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

กระทู้: 75



ดูรายละเอียด เว็บไซต์
« ตอบ #22 เมื่อ: 20 เมษายน 2012, 16:28:11 »

ดูหน้าแรกโพสสุดท้ายครับ  wanwan031
บันทึกการเข้า

ผมมันเกรียน โง่ บ้า ปัญญาอ่อน ขี้เกลียด บลาๆ
KenjiroAPI
ก๊วนเสียว
*

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

กระทู้: 332



ดูรายละเอียด
« ตอบ #23 เมื่อ: 20 เมษายน 2012, 17:00:04 »

cufon ไม่แนะนำครับ มันโหลดช้า

ใช้ @font-face ดีที่สุด

วิธีทำ เข้าไปที่เว็บนี้ครับ http://www.fontsquirrel.com/fontface/generator
- อัปโหลดไฟล์ฟอนต์ที่ต้องการใช้งานเข้าไป
- เลือก EXPERT
- ที่ Subsetting เลือก No Subsetting (เพราะเราต้องใช้กับภาษาไทย)
จากนั้นก็ดาวน์โหลด

แตกไฟล์ ในนั้นเค้าจะมีทำฟอนต์มาให้เรา .eot, .woff, .ttf รวมทั้งไฟล์ .css และตัวอย่างหน้าเว็บ
ที่นี่คุณก็อัปโหลดไฟล์ฟอนต์เข้าไปในเว็บ ทำตามตัวอย่างที่แนะนำไปนั้นแหละครับ ไม่ยาก

เว็บผมก็ทำ @font-face ลองดูตัวอย่างที่ http://rcw.ms


ผมว่าไม่ช้านะคับ ให้เรียกใช้ script ก่อนจบ Tag body นะคับ มันจะรอจนหน้าเพจโหลดเสร็จและเปลี่ยนฟ้อน
บันทึกการเข้า
nackthepot
ก๊วนเสียว
*

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

กระทู้: 293



ดูรายละเอียด เว็บไซต์
« ตอบ #24 เมื่อ: 20 เมษายน 2012, 17:01:45 »

 wanwan031 wanwan031

คือมันแก้ใน css หรือใน HTML ของเทมเพจครับ
เทมเพจผมมันไม่มี css ชื่อ font เลยครับ

ผมไปถูกทางหรือปล่าวครับ
 wanwan031 wanwan031
บันทึกการเข้า

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

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

กระทู้: 165



ดูรายละเอียด เว็บไซต์
« ตอบ #25 เมื่อ: 20 เมษายน 2012, 18:10:47 »

อัพโหลดไฟล์ฟอนต์มันทำยังไงอะครับ เหมือนเราอัพโหลดรูปลงเว็ปหรือปล่าว
ผมลองทำดูมันขึ้น Error อะครับ

ช่วยแนะนำทีครับ
ต้องอัปโหลดฟอนต์สิครับ

ไม่อัปโหลดพอนต์เข้าไปบนเซิร์ฟเวอร์ แล้วมันจะไปเรียกฟอนต์มาจากที่ไหน

ตัวอย่าง สร้างโฟลเดอร์ขึ้นมา /font/ (www.url.com/font/ )
เราก็อัปโหลดฟอนต์เข้าไปในโฟลเดอร์ /font/

ในไฟล์ .css ที่เรียกใช้งานก็จะเรียกจาก /font/namefont.ttf

@font-face {
  font-family: 'namefont';
  src: url('/font/namefont.eot?#') format('eot'),
       url('/font/namefont.woff') format('woff'),
       url('/font/namefont.ttf') format('truetype');
}

ส่วนสาเหตุที่คุณอัปโหลดขึ้นไปไม่ได้ ก็ไม่ทราบว่าทาง admin มีการตั้งค่าเกี่ยวกับการอนุญาตให้อัปโหลดนามสกุลไฟล์ที่กำหนดไว้หรือเปล่านะ ลองเปลี่ยนนามสกุลไฟล์จากคอมฯของคุณเป็น namefont.gif อัปโหลดแล้วเปลี่ยนนามสกุลกลับไปเป็นของเดิม ลองดูนะครับ
บันทึกการเข้า

RacingWeb.NET: http://racingweb.net
nackthepot
ก๊วนเสียว
*

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

กระทู้: 293



ดูรายละเอียด เว็บไซต์
« ตอบ #26 เมื่อ: 20 เมษายน 2012, 18:29:17 »

อัพโหลดไฟล์ฟอนต์มันทำยังไงอะครับ เหมือนเราอัพโหลดรูปลงเว็ปหรือปล่าว
ผมลองทำดูมันขึ้น Error อะครับ

ช่วยแนะนำทีครับ
ต้องอัปโหลดฟอนต์สิครับ

ไม่อัปโหลดพอนต์เข้าไปบนเซิร์ฟเวอร์ แล้วมันจะไปเรียกฟอนต์มาจากที่ไหน

ตัวอย่าง สร้างโฟลเดอร์ขึ้นมา /font/ (www.url.com/font/ )
เราก็อัปโหลดฟอนต์เข้าไปในโฟลเดอร์ /font/

ในไฟล์ .css ที่เรียกใช้งานก็จะเรียกจาก /font/namefont.ttf

@font-face {
  font-family: 'namefont';
  src: url('/font/namefont.eot?#') format('eot'),
       url('/font/namefont.woff') format('woff'),
       url('/font/namefont.ttf') format('truetype');
}

ส่วนสาเหตุที่คุณอัปโหลดขึ้นไปไม่ได้ ก็ไม่ทราบว่าทาง admin มีการตั้งค่าเกี่ยวกับการอนุญาตให้อัปโหลดนามสกุลไฟล์ที่กำหนดไว้หรือเปล่านะ ลองเปลี่ยนนามสกุลไฟล์จากคอมฯของคุณเป็น namefont.gif อัปโหลดแล้วเปลี่ยนนามสกุลกลับไปเป็นของเดิม ลองดูนะครับ


อัพโหลดใน Media Manager ใช่ไหมครับ แล้วก้อสร้างโฟวเดอ ชื่อ font
แล้วก็อัพโหลดใส่โฟวเดอนี้ใช่ไหมครับ

บันทึกการเข้า

IOlIDIl
Newbie
*

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

กระทู้: 75



ดูรายละเอียด เว็บไซต์
« ตอบ #27 เมื่อ: 20 เมษายน 2012, 18:32:45 »

แย่จังผมสอนไม่เข้าใจ  wanwan031

ที่ถามใน Youtube ผมไม่รู้อะครับ เพราะไม่ได้ใช้ joomla

แต่มันคงมีไฟล์ Style.css อะไรประมาณนี้ใช่ป่ะครับ

ก็เขียนโค้ดตามที่คลิบผมสอนเลยครับ

ไฟล์ฟอนก็ทำเหมือนในคลิบเลยก็ได้ครับ  wanwan003
บันทึกการเข้า

ผมมันเกรียน โง่ บ้า ปัญญาอ่อน ขี้เกลียด บลาๆ
kengracing
คนรักเสียว
*

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

กระทู้: 165



ดูรายละเอียด เว็บไซต์
« ตอบ #28 เมื่อ: 20 เมษายน 2012, 18:41:00 »

Media Manager คืออะไรครับ เมื่อก่อนผมก็เคยลองเล่น joomla แต่จำอะไรไม่ได้เลย

อัปโหลดไฟล์ฟอนต์ผ่านทาง ftp ครับ เหมือนที่คุณอัปโหลด joomla ขึ้นเว็บนั้นแหละ
บันทึกการเข้า

RacingWeb.NET: http://racingweb.net
nackthepot
ก๊วนเสียว
*

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

กระทู้: 293



ดูรายละเอียด เว็บไซต์
« ตอบ #29 เมื่อ: 20 เมษายน 2012, 18:58:09 »

แย่จังผมสอนไม่เข้าใจ  wanwan031

ที่ถามใน Youtube ผมไม่รู้อะครับ เพราะไม่ได้ใช้ joomla

แต่มันคงมีไฟล์ Style.css อะไรประมาณนี้ใช่ป่ะครับ

ก็เขียนโค้ดตามที่คลิบผมสอนเลยครับ

ไฟล์ฟอนก็ทำเหมือนในคลิบเลยก็ได้ครับ  wanwan003
wanwan031 wanwan031
มันไม่มี stye.css ที่ว่าสิครับ  ผมแก้ที่ stardard.css ครับ

เหลือแค่ตัวอักษร  wanwan031

Media Manager คืออะไรครับ เมื่อก่อนผมก็เคยลองเล่น joomla แต่จำอะไรไม่ได้เลย

อัปโหลดไฟล์ฟอนต์ผ่านทาง ftp ครับ เหมือนที่คุณอัปโหลด joomla ขึ้นเว็บนั้นแหละ

ftp มันคืออะไรครับ  พี่เขียนเวปจากไหนกันครับเนี่ย  wanwan031
บันทึกการเข้า

IOlIDIl
Newbie
*

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

กระทู้: 75



ดูรายละเอียด เว็บไซต์
« ตอบ #30 เมื่อ: 20 เมษายน 2012, 19:33:15 »

แย่จังผมสอนไม่เข้าใจ  wanwan031

ที่ถามใน Youtube ผมไม่รู้อะครับ เพราะไม่ได้ใช้ joomla

แต่มันคงมีไฟล์ Style.css อะไรประมาณนี้ใช่ป่ะครับ

ก็เขียนโค้ดตามที่คลิบผมสอนเลยครับ

ไฟล์ฟอนก็ทำเหมือนในคลิบเลยก็ได้ครับ  wanwan003
wanwan031 wanwan031
มันไม่มี stye.css ที่ว่าสิครับ  ผมแก้ที่ stardard.css ครับ

เหลือแค่ตัวอักษร  wanwan031

Media Manager คืออะไรครับ เมื่อก่อนผมก็เคยลองเล่น joomla แต่จำอะไรไม่ได้เลย

อัปโหลดไฟล์ฟอนต์ผ่านทาง ftp ครับ เหมือนที่คุณอัปโหลด joomla ขึ้นเว็บนั้นแหละ

ftp มันคืออะไรครับ  พี่เขียนเวปจากไหนกันครับเนี่ย  wanwan031

stardard.css นั้นละครับแก้ตามคลิบเลยครับ

ftp คือ...... การเชื่อมต่อรูปแบบหนึ่งครับคล้ายๆ Http ที่ใช้ต่อเน็ตนั้นละครับ (เข้าใจมาแบบนี้)
บันทึกการเข้า

ผมมันเกรียน โง่ บ้า ปัญญาอ่อน ขี้เกลียด บลาๆ
nackthepot
ก๊วนเสียว
*

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

กระทู้: 293



ดูรายละเอียด เว็บไซต์
« ตอบ #31 เมื่อ: 20 เมษายน 2012, 20:25:17 »

แย่จังผมสอนไม่เข้าใจ  wanwan031

ที่ถามใน Youtube ผมไม่รู้อะครับ เพราะไม่ได้ใช้ joomla

แต่มันคงมีไฟล์ Style.css อะไรประมาณนี้ใช่ป่ะครับ

ก็เขียนโค้ดตามที่คลิบผมสอนเลยครับ

ไฟล์ฟอนก็ทำเหมือนในคลิบเลยก็ได้ครับ  wanwan003
wanwan031 wanwan031
มันไม่มี stye.css ที่ว่าสิครับ  ผมแก้ที่ stardard.css ครับ

เหลือแค่ตัวอักษร  wanwan031

Media Manager คืออะไรครับ เมื่อก่อนผมก็เคยลองเล่น joomla แต่จำอะไรไม่ได้เลย

อัปโหลดไฟล์ฟอนต์ผ่านทาง ftp ครับ เหมือนที่คุณอัปโหลด joomla ขึ้นเว็บนั้นแหละ

ftp มันคืออะไรครับ  พี่เขียนเวปจากไหนกันครับเนี่ย  wanwan031

stardard.css นั้นละครับแก้ตามคลิบเลยครับ

ftp คือ...... การเชื่อมต่อรูปแบบหนึ่งครับคล้ายๆ Http ที่ใช้ต่อเน็ตนั้นละครับ (เข้าใจมาแบบนี้)

แร้วผมจะเอา URL ฟอนต์จากไหนหรอครับ wanwan012
บันทึกการเข้า

IOlIDIl
Newbie
*

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

กระทู้: 75



ดูรายละเอียด เว็บไซต์
« ตอบ #32 เมื่อ: 20 เมษายน 2012, 20:29:59 »

ดูคลิบผมไม่จบหรือนี้ ดูแล้วฟังดีๆ ครับผมบอกไว้หมดแล้วในคลิบ  Tongue
บันทึกการเข้า

ผมมันเกรียน โง่ บ้า ปัญญาอ่อน ขี้เกลียด บลาๆ
nackthepot
ก๊วนเสียว
*

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

กระทู้: 293



ดูรายละเอียด เว็บไซต์
« ตอบ #33 เมื่อ: 20 เมษายน 2012, 20:53:06 »

ดูคลิบผมไม่จบหรือนี้ ดูแล้วฟังดีๆ ครับผมบอกไว้หมดแล้วในคลิบ  Tongue
wanwan031
ขอโทดที่เกรียนครับ ไม่มีลำโพง เลยไม่รู้ว่าบอกอะไร

เดวจะรีบออกไปหาลำโพงครับ Tongue
บันทึกการเข้า

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