Font ในเว็ป

[kengracing]

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

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

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

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

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

[nackthepot]

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

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

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

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

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

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

ช่วยแนะนำทีครับ

[IOlIDIl]

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

[KenjiroAPI]

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]

 

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

ผมไปถูกทางหรือปล่าวครับ

[kengracing]

อัพโหลดไฟล์ฟอนต์มันทำยังไงอะครับ เหมือนเราอัพโหลดรูปลงเว็ปหรือปล่าว
ผมลองทำดูมันขึ้น 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 อัปโหลดแล้วเปลี่ยนนามสกุลกลับไปเป็นของเดิม ลองดูนะครับ

[nackthepot]

อัพโหลดไฟล์ฟอนต์มันทำยังไงอะครับ เหมือนเราอัพโหลดรูปลงเว็ปหรือปล่าว
ผมลองทำดูมันขึ้น 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]

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

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

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

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

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

[kengracing]

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

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

[nackthepot]

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

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

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

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

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

มันไม่มี stye.css ที่ว่าสิครับ  ผมแก้ที่ stardard.css ครับ

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

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

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

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

[IOlIDIl]

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

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

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

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

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

มันไม่มี stye.css ที่ว่าสิครับ  ผมแก้ที่ stardard.css ครับ

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

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

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

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

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

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

[nackthepot]

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

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

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

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

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

มันไม่มี stye.css ที่ว่าสิครับ  ผมแก้ที่ stardard.css ครับ

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

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

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

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

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

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

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

[IOlIDIl]

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

[nackthepot]

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

ขอโทดที่เกรียนครับ ไม่มีลำโพง เลยไม่รู้ว่าบอกอะไร

เดวจะรีบออกไปหาลำโพงครับ