Monthly Archives: กรกฎาคม 2013

ใส่ฟอนต์สวยๆให้เว็บ


Css 3 ยอมให้กำหนด font เพิ่มได้เองนอกจากที่มีอยู่แล้ว ทำให้สามารถออกแบบหน้าเว็บสวยๆ หรือจะเล่น typography อักษรศิลป์ได้มากขึ้น แต่ก็ยังเจอกับปัญหาเดิมคือ แต่ละ browser มันรับชนิดตัวอักษรได้ไม่เท่ากัน ถ้าดูจาก http://caniuse.com/fontface จะเห็นว่าตั้งแต่ ie8 มันก็ใช้ font-face ได้แล้ว แต่เฉพาะ Embedded OpenType (EOT) แต่ก็ไม่มีเจ้าอื่นๆ ที่รับนามสกุลนี้เท่าไหร่เลย ที่มีความหวังที่สุดคือ True Type (TTF) และ OpenType (OTF) ก็ยังไม่ครบทุกบราวเซอร์

ปัญหานี้แก้ได้ง่ายๆ โดยไปที่เว็บ Convert Fonts upload ไฟล์ fonts ที่เราต้องการใช้ หรือเข้าไปหาฟอนต์ที่เคยลงไว้ใน C:\Windows\Fonts เสร็จแล้วกด get @font-face จะได้ไฟล์ zip
สมมุติจะแปลง THSarabunNew เป็นนามสกุลอื่นๆ ภายในจะมีไฟล์ตามนี้
thsarabunnew.css
เป็นตัวอย่าง css ให้เอาไปแปะในไฟล์ css สาเหตุที่มันทำงานได้ทุกๆ บราวเซอร์
เพราะพี่แกเล่นเขียน css แบบนี้มาให้เลย

@font-face {
    font-family: 'THSarabunNewRegular';
    src: url('thsarabunnew.eot');
    src: url('thsarabunnew.eot') format('embedded-opentype'),
         url('thsarabunnew.woff') format('woff'),
         url('thsarabunnew.ttf') format('truetype'),
         url('thsarabunnew.svg#THSarabunNewRegular') format('svg');
}

ต่างจากตัวอย่าง(ในอุดมคติ)ของ w3c เยอะเลย เพื่อให้ browser compatibility มากที่สุด
และมีฟอนต์ที่แปลงมาให้แล้วอีก 4 ตัว

  • thsarabunnew.ttf (TrueType)
  • thsarabunnew.eot (Embedded OpenType)
  • thsarabunnew.svg (Scalable Vector Graphics) เขียนมาเป็น code เลย อันนี้ไม่มีใครขยันทำเองแน่ๆ
  • thsarabunnew.woff (Web Open Font Format)

ตัวอย่างการใช้งาน กำหนดให้ใช้ฟอนต์สารบัญ

body
{
	color:#c00000;
	font-family: 'THSarabunNewRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 14px;
}

สังเกต จะมีชื่อฟอนต์อื่นต่อหลัง THSarabunNewRegular อีกที เพื่อถ้าหากโหลดฟอนต์มาไม่ได้ บราวเซอร์จะใช้ตัวถัดๆไปแสดงแทน

Advertisements

แก้ iTunes ทำ hard disk เต็ม


ทดลองใช้ ios 7 กันรึยังครับ หลายจุดน่าใช้ขึ้นมาก น่าใช้ขึ้น (อย่างน้อยคือ สวย ขึ้น) โดยวิธีลง ios ที่ดีที่สุดคือ restore ให้ iPhone ว่างเปล่าก่อนแล้ว เอาที่ backup กลับเข้าไป (จะช่วยแก้ปัญหาร้อน ช้า ค้างได้) แต่ทำไปทำมาพื้นที่ในไดร์ฟ c มีไม่พอที่จะ backup ทั้งหมด แก้ได้โดยย้าย folder เก็บข้อมูลไปที่ drive อื่นที่ว่างอยู่โดย

  1. เปิดทูลบาร์ ก่อนที่มุมบนด้านซ้าย เลือก Show Menu Bar (Ctrl + B)
  2. คลิก Edit > Preferences (Ctrl + ,)
  3. ไปที่ Advanced ตรง ITunes Media folder location จะเห็น path ที่เก็บข้อมูลไว้ เช่น C:\Users\plusMagic\Music\iTunes คัดลอกตำแหน่ง แล้วเปิดทิ้งไว้ก่อน
  4. กด Change.. เลือก folder ที่อยู่ใน drive อื่น เช่น D:\ plusMagic\My Music\iTunes กด ok
  5. ปิด iTunes
  6. ย้ายไฟล์เดิม ไปไว้ที่ใหม่
  7. เปิด iTunes backup ใหม่

อีกเหตุผลของการย้ายไฟล์คือ เวลาลง windows อย่างน้อยข้อมูลชุดนี้ก็ไม่หายไป backup apps note เพลง ของเราจะยังอยู่รอให้ restore อีกครั้ง

%d bloggers like this: