สมมุติเราใส่ font ไปในไฟล์ CSS เยอะเลยซัก 30-40 font
@font-face {font-family: 'aaaa';src: url('font/aaaa.eot');src: url('font/true.aaaa#iefix') format('embedded-opentype'),url('font/aaaa.woff') format('woff'),url('font/aaaa.ttf') format('truetype'),url('font/aaaa.svg#aaaa') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bbbb';src: url('font/bbbb.eot');src: url('font/true.bbbb#iefix') format('embedded-opentype'),url('font/bbbb.woff') format('woff'),url('font/bbbb.ttf') format('truetype'),url('font/bbbb.svg#bbbb') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'cccc';src: url('font/cccc.eot');src: url('font/true.cccc#iefix') format('embedded-opentype'),url('font/cccc.woff') format('woff'),url('font/cccc.ttf') format('truetype'),url('font/cccc.svg#cccc') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'dddd';src: url('font/dddd.eot');src: url('font/true.dddd#iefix') format('embedded-opentype'),url('font/dddd.woff') format('woff'),url('font/dddd.ttf') format('truetype'),url('font/dddd.svg#dddd') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'eeee';src: url('font/eeee.eot');src: url('font/true.eeee#iefix') format('embedded-opentype'),url('font/eeee.woff') format('woff'),url('font/eeee.ttf') format('truetype'),url('font/eeee.svg#eeee') format('svg');font-weight: normal;font-style: normal;}
ฯลฯ
แต่เวลาใช้งานจริงเราอาจจเรียกใช้แค่ 2-3 font ผมอยากทราบว่า เวลาเว็บมันโหลด มันจะโหลดมาทุก font ตามที่ใน CSS ตั้งไว้ หรือโหลดมาเฉพาะที่เราเรียกใช้ครับ