Masang aksara Sunda dina website atawa blog bisa kalaksana ku cara ngasupkeun kode @font-face kana CSS.
Cascading Style Sheet (CSS) teh salah sahiji basa program pikeun ramatloka anu pungsina pikeun ngadalikeun komponen-komponen anu aya dina jeroeun
website (ramatloka) sangkan leuwih ngentep seureuh jeung merenah dina pidanganana.
Aturan-aturan CSS biasana ditulis dina koropak nu tungtung ngaranna make emboh .css contona
sarwasunda.css, atawa bisa oge diseselkeun dina bagian
header kacaloka (
web page) biasana ditulis dina format:
<style>
......
</style>
Kode @font-face pungsina pikeun nangtukeun jenis aksara dina loka (web font) sangkan luyu jeung kahayang urang. Ngaliwatan ieu kode, anjeun bisa midangkeun tulisan aksara Sunda dina website atawa blog.
Pikeun conto, kode @font-face aksara Rawing Kandel diseselkeun kana CSS bakal jadi kieu:
<style>
@font-face {
font-family:'Rawing Kandel'; /* ngaran font Rawing Kandel*/
src: url('RawingKandel.eot'); /* ngaran file pikeun font Rawing Kandel jenis EOT */
src: url('RawingKandel.eot?#iefix') format('embedded-opentype'), /* ngaran file font jenis EOT */
url('RawingKandel.woff') format('woff'), /* ngaran file font jenis WOFF */
url('RawingKandel.ttf') format('truetype'), /* ngaran file font jenis TTF */
url('RawingKandel.svg#RawingKandel') format('svg'); /* ngaran file font jenis SVG */
font-weight: normal;
font-style: normal;
}
</style>
Tangtu wae lantaran lobana browser, jenis font kudu diluyukeun jeung browser sewang-sewang.
- TTF pikeun Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0.249.4+
- EOT pikeun Internet Explorer 4+
- WOFF pikeun Firefox 3.6+, Internet Explorer 9+, Chrome 5+
- SVG pikeun iPad jeung iPhone
Pikeun kaperluan nuliskeun aksara Sunda dina website atawa blog, font kudu legal (diwenangkeun pikeun didonlot) jeung lokasi ngaran font kudu lengkep.
Dina conto ieu, font Sundanese Unicode nu asalna tina jenis ttf (http://sabilulungan.org/aksara/files/font/SundaneseUnicode-1.0.5.ttf) geus dikonversi kana 4 jenis format font ku Sarwa Sunda. Ieu kode CSS @font-face-na kantun di
copy-paste:
@font-face {
font-family: 'SundaneseLatinRegular';
src: url('sundaneselatin01-webfont.eot');
src: url('sundaneselatin01-webfont.eot?#iefix') format('embedded-opentype'),
url('sundaneselatin01-webfont.woff') format('woff'),
url('sundaneselatin01-webfont.ttf') format('truetype'),
url('sundaneselatin01-webfont.svg#SundaneseLatinRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Hasilna
Mangga tingali sareng cobian hasilna (parantos dicobi dina browser chrome 17.0.963.83, Midori 0.4.3, sareng Chrome dina Android)
Download Aksara
salian ti googlecode.com nu dipake pikeun neundeun koropakna, font Sundanese Latin Regular oge diunggahkeun di
domain situs lianna pikeun dipulut luyu jeung pangabutuh.