Font ในเว็ป

เริ่มโดย nackthepot, 19 เมษายน 2012, 15:28:54

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

nackthepot

ผมแก้ Font ใน css ของ joomla แล้วครับ
มันก็แสดงผลออกมาดี

แต่ไปเปิดเครื่องอื่น มันดูไม่ได้ครับ มีวิธีแก้ยังไงครับ

ช่วยบอกทีครับ ลองหลายวิธีแล้ว  ยังไม่ได้เลย

AbuseMan

ถ้าเครื่องที่เปิดดูไม่มี Font ที่ใส่ในเว็บมันก็ไม่แสดงรูปแบบฟอนต์ตามที่แก้นะ

█ [direct=https://radio.sukson.com]ฟังเพลงออนไลน์[/direct] : เว็บเพลงออนไลน์ที่คุณขอฟังเพลงได้ด้วยตัวคุณเอง
█ [direct=https://chat.sukson.com]ห้องแชท[/direct] : บริการฟรีห้องแชทสำหรับติดเว็บ
█ [direct=https://music.sukson.com]เพลงใหม่[/direct] : เพลงใหม่ เพลงฮิต
█ [direct=https://bankumka.com]บ้านคุ้มค่า[/direct] : ลงประกาศขายบ้าน ที่ดิน พร้อมอัพเดทโครงการบ้านและคอนโดใหม่ที่น่าสนใจ

nackthepot

ผมต้องทำยังไงครับ
ใช้ฟอร์นพื้นฐานได้อย่างเดียวหรอครับ  :P

AbuseMan

@font-face ของ css3 ช่วยอ่ะ

แต่ใน IE บางรุ่นที่เก่าๆ มันไม่แสดงผลอ่ะ - -*
█ [direct=https://radio.sukson.com]ฟังเพลงออนไลน์[/direct] : เว็บเพลงออนไลน์ที่คุณขอฟังเพลงได้ด้วยตัวคุณเอง
█ [direct=https://chat.sukson.com]ห้องแชท[/direct] : บริการฟรีห้องแชทสำหรับติดเว็บ
█ [direct=https://music.sukson.com]เพลงใหม่[/direct] : เพลงใหม่ เพลงฮิต
█ [direct=https://bankumka.com]บ้านคุ้มค่า[/direct] : ลงประกาศขายบ้าน ที่ดิน พร้อมอัพเดทโครงการบ้านและคอนโดใหม่ที่น่าสนใจ

nackthepot

มันทำยังไงหรือครับ

ขอโทดจริงๆที่รบกวน คือม่ะวานลองทำ fontface แล้ว

แต่ยังไม่ได้จริงๆ หรือผมทำผิดไม่รุ้

ช่วยแนะนำด้วยครับ

IOlIDIl

@Font-face {
font-family: Nameoffont;
src:url("pathoffont/font.ttf");
}
h1,div {
font-family: Nameoffont;
}

ก็ประมาณนี้ครับ
ผมมันเกรียน โง่ บ้า ปัญญาอ่อน ขี้เกลียด บลาๆ

nackthepot

ใส่ใน css ได้เลยหรือครับ

url เอาจากไหนครับ

IOlIDIl

ครับใส่ได้เลย
ตรง Font-family ของ @font-face สามารเปลี่ยนชื่อได้นะครับ

ก็ url คือที่อยู่ของ file font อะครับ
ผมมันเกรียน โง่ บ้า ปัญญาอ่อน ขี้เกลียด บลาๆ

nackthepot

นั้นล่ะครับ file font ผมหาไม่เจอ  อยู่ตรงไหนหรือครับ  :P

Queue

#9
อ้างถึงจาก: nackthepot ใน 19 เมษายน 2012, 16:41:17
นั้นล่ะครับ file font ผมหาไม่เจอ  อยู่ตรงไหนหรือครับ  :P

ก็เอามาจากเครื่องเราหรือดาวน์โหลด แล้วเอาไปใส่ ใน folder หรือ path ที่กำหนดไว้บนเว็บครับ

nackthepot

อ้างถึงจาก: Queue ใน 19 เมษายน 2012, 17:53:41
อ้างถึงจาก: nackthepot ใน 19 เมษายน 2012, 16:41:17
นั้นล่ะครับ file font ผมหาไม่เจอ  อยู่ตรงไหนหรือครับ  :P

ก็เอามาจากเครื่องเราหรือดาวน์โหลด แล้วเอาไปใส่ ใน folder หรือ path ที่กำหนดไว้บนเว็บครับ

คือเครื่องผมต้องมี Folder ของเทมเพจอยู่ในเครื่องหรือเปล่าครับ

IOlIDIl

อ้างถึงจาก: nackthepot ใน 19 เมษายน 2012, 18:08:33
อ้างถึงจาก: Queue ใน 19 เมษายน 2012, 17:53:41
อ้างถึงจาก: nackthepot ใน 19 เมษายน 2012, 16:41:17
นั้นล่ะครับ file font ผมหาไม่เจอ  อยู่ตรงไหนหรือครับ  :P

ก็เอามาจากเครื่องเราหรือดาวน์โหลด แล้วเอาไปใส่ ใน folder หรือ path ที่กำหนดไว้บนเว็บครับ

คือเครื่องผมต้องมี Folder ของเทมเพจอยู่ในเครื่องหรือเปล่าครับ

ไฟล์อะไรหว่า......

เหมือนใส่รูปละครับแต่แค่เป็นไฟล์ของฟอน
ผมมันเกรียน โง่ บ้า ปัญญาอ่อน ขี้เกลียด บลาๆ

nackthepot

มันขึ้นว่า no support ครับ

คือผมหาข้อมูลมา ได้ โค๊ต font-face มา แบบนี้ครับ


@font-face {
   font-family: 'Conv_Kunlasatri';
   src: url('fonts/Kunlasatri.eot');
   src: local('☺'), url('fonts/Kunlasatri.woff') format('woff'), url('fonts/Kunlasatri.ttf') format('truetype'), url('fonts/Kunlasatri.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

คือสงสัยว่าเอาไปใส่ตรงไหน ผมทำมันก้อไม่เปลี่ยนอะครับ เครื่องเราเปลี่ยน แต่เครื่องอื่นที่ดู กลับไม่เปลี่ยน ช่วยแนะนำทีครับ

IOlIDIl

อ้างถึงจาก: nackthepot ใน 19 เมษายน 2012, 19:22:24
มันขึ้นว่า no support ครับ

คือผมหาข้อมูลมา ได้ โค๊ต font-face มา แบบนี้ครับ


@font-face {
   font-family: 'Conv_Kunlasatri';
   src: url('fonts/Kunlasatri.eot');
   src: local('☺'), url('fonts/Kunlasatri.woff') format('woff'), url('fonts/Kunlasatri.ttf') format('truetype'), url('fonts/Kunlasatri.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

คือสงสัยว่าเอาไปใส่ตรงไหน ผมทำมันก้อไม่เปลี่ยนอะครับ เครื่องเราเปลี่ยน แต่เครื่องอื่นที่ดู กลับไม่เปลี่ยน ช่วยแนะนำทีครับ

แดง : ไฟล์นามสกุลนี้ใช้ได้ใน IE9
ชมพู : คุณมีไฟล์ที่คุณเห็นลงไปครบเลยหรอ
เหลือง : อะไรอะผมไม่เคยเห็นเลย  :wanwan031:
ผมมันเกรียน โง่ บ้า ปัญญาอ่อน ขี้เกลียด บลาๆ

nackthepot

อ้างถึงจาก: IOlIDIl ใน 19 เมษายน 2012, 19:54:36
อ้างถึงจาก: nackthepot ใน 19 เมษายน 2012, 19:22:24
มันขึ้นว่า no support ครับ

คือผมหาข้อมูลมา ได้ โค๊ต font-face มา แบบนี้ครับ


@font-face {
   font-family: 'Conv_Kunlasatri';
   src: url('fonts/Kunlasatri.eot');
   src: local('☺'), url('fonts/Kunlasatri.woff') format('woff'), url('fonts/Kunlasatri.ttf') format('truetype'), url('fonts/Kunlasatri.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

คือสงสัยว่าเอาไปใส่ตรงไหน ผมทำมันก้อไม่เปลี่ยนอะครับ เครื่องเราเปลี่ยน แต่เครื่องอื่นที่ดู กลับไม่เปลี่ยน ช่วยแนะนำทีครับ

แดง : ไฟล์นามสกุลนี้ใช้ได้ใน IE9
ชมพู : คุณมีไฟล์ที่คุณเห็นลงไปครบเลยหรอ
เหลือง : อะไรอะผมไม่เคยเห็นเลย  :wanwan031:

:wanwan031: :wanwan031: :wanwan031:

เริ่มท้อแล้วครับ งงไปหมดแล้ว ไม่รู้อะไรใส่ตรงไหน
มีวิธีทำให้คนอื่นเห็น Font ที่เราใช้ได้ไหมครับ

nackthepot

ช่วยทีครับ  หมดหนทาง  :wanwan031:

eMind

ลอง cufon มั้ยคะ คือไม่ค่อยรู้อะไรมาก แต่เห็นพวกธีมเค้าชอบใช้กัน มีปลั๊กอินเสริมด้วยนะ อาจจะช่วยได้ ลองศึกษาดูจ้า


http://cufon.shoqolate.com/generate/
[direct=http://www.mind.in.th]Mind.in.th[/direct]
[direct=http://www.wheredowego.in.th]ไปไงมาไง[/direct]
[direct=http://www.wheredowego.in.th]ท่องเที่ยว[/direct]
หลับหูหลับตาเล่นไปวันๆ

saikanojo

@font-face {
  font-family: 'ชื่อฟ้อน';
  src: url('ชื่อฟ้อน.eot?#') format('eot'),
       url('ชื่อฟ้อน.woff') format('woff'),
       url('ชื่อฟ้อน.ttf') format('truetype');
}

วางฟ้อนใว้ในเว็บเราเองก็ได้ครับ หรือตำแหน่งเดียวกับ CSS ที่ใส่ตัวนี้เลยก็ได้ อย่าให้พาท และชื่อฟ้อนผิดก็พอ ถ้าถูกยังไงก็ทำงานแน่นอน

เห็นใน IE แทบทุกเวอร์ชั่นแหละครับผม เบราเซอร์อื่นไม่ต้องพูดถึงครับ

nackthepot

อ้างถึงจาก: eMind ใน 19 เมษายน 2012, 21:06:08
ลอง cufon มั้ยคะ คือไม่ค่อยรู้อะไรมาก แต่เห็นพวกธีมเค้าชอบใช้กัน มีปลั๊กอินเสริมด้วยนะ อาจจะช่วยได้ ลองศึกษาดูจ้า


http://cufon.shoqolate.com/generate/

ขอบคุณครับ

อ้างถึงจาก: saikanojo ใน 19 เมษายน 2012, 22:05:01
@font-face {
  font-family: 'ชื่อฟ้อน';
  src: url('ชื่อฟ้อน.eot?#') format('eot'),
       url('ชื่อฟ้อน.woff') format('woff'),
       url('ชื่อฟ้อน.ttf') format('truetype');
}

วางฟ้อนใว้ในเว็บเราเองก็ได้ครับ หรือตำแหน่งเดียวกับ CSS ที่ใส่ตัวนี้เลยก็ได้ อย่าให้พาท และชื่อฟ้อนผิดก็พอ ถ้าถูกยังไงก็ทำงานแน่นอน

เห็นใน IE แทบทุกเวอร์ชั่นแหละครับผม เบราเซอร์อื่นไม่ต้องพูดถึงครับ

ไม่ต้องติดตั้งฟอร์นอะไรเรยหรอครับ

IOlIDIl

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