Utilisation de polices TrueType ou OpenType dans les pages web

26 avril 2010

On peut maintenant utiliser des polices TrueType ou OpenType dans les pages web, avec le code CSS adéquat, la police présente sur le serveur du site.

Extrait de la page web citée

To use web fonts, each form of the font family must be declared using the @font-face rule; for example, to use both regular and italic forms of Jos Buivenga’s Delicious font, you would put the following in your stylesheet:
@font-face {
        font-family: Delicious;
        src: url('Delicious-Roman.otf');
}

@font-face {
        font-family: Delicious;
        font-weight: bold;
        src: url('Delicious-Bold.otf');
}
Then call it using font-family:
h3 { font-family: Delicious, sans-serif; }

Test pour la police Algerian2 et le laotien

Copie d'écran ci-contre ... ... ...     

Police Algerian2

Cette partie de texte devrait s'afficher dans la police Algerian


Laotien

Ceci est du laotien avec la police Saysettha_OT.ttf. Le navigateur affiche ici le gras et l'italiques avec une seule police chargée.

ເຣື້ອງລູກຫົວ​ແກ້ວ ຫົວ​ແຫວນ

ຄາວ​ກ່ອນ​ນັ້ນ ຍັງ​ມີ​ຊາຍ​ສາມ​ຄົນ​ອາຍຸ​ພວມ​ເຕັມ​ບ່າວ; ເປັນ​ສ່ຽວ​​ເປັນ​ເກີກັນນັບ​ຕັ້ງ​ແຕ່​ຍັງ​ນ້ອຍ​ພຸ້ນ​ມາ; ພໍ່​ແມ່​ແລະ​ຄອບຄົວ​ຂອງ​ພວກ​ເຂົາ​ທັງ​ສາມກໍ​ມີ​ຄວາມ​ຜູກ​ພັນ​ເປັນ​ມິດສນິດ​ກັນຕັ້ງ​ແຕ່​ໃດໆ​ມາ. ​ແຕ່ລະຄົນ​ກໍ​ຮັກ​ແພງ​ລູກ​ຊາຍ​ຂອງ​ພວກ​ຕົນ쾀ແບບ​ທີ່​ວ່າ “ພ້າ​ບໍ່​ໃຫ້​ບາຍ ​ໄຖ​ບໍ່​ໃຫ້​ຕ້ອງ”. ນອກຈາກ​ນີ້ອີກ, ພວກ​ເຂົາ​ພາກັນ​ເອົາ​ຈິດ​ເອົາ​ໃຈ​ລູກ​ຊາຍ​ແບບ​ທີ່​ວ່າ “ບຸນ​ຢູ່​ໃສ​ບໍ່​ໃຫ້​ຫລໍ ຂໍ​ອັນ​ໃດ​ບໍ່​ໃຫ້​ຄາ”. ດັ່ງນັ້ນ, ​ເມື່ອ​ລູກ​ຊາຍ​ໃຫຍ່​ກ້າ​ໜ້າບານ ອາຍຸ​ພໍ​ເອົາ​ລູກ​ເອົາ​ເມັຍ ສ້າງ​ຄອບ​ສ້າງ​ຄົວ​ໄດ້​ແລ້ວ ພວກ​ພໍ່​ແມ່​ຈຶ່ງ​ເກີດ​ມີ​ຄວາມວິຕົກ​ກັງວົນ​ນຳ​ວ່າ​ຢ້ານ​ພວກ​ລູກ​ຂອງ​ຕົນ​ບໍ່​ເປັນ​ຢ້າວ​ເປັນ​ເຮືອນ​ໄດ້​ເພາະ ຕົ້ນ​ໝາກ​ຮາກ​ພູ​ກໍ​ຍັງ​ບໍ່​ຮູ້; ຊິ​ເຂົ້າ​ປ່າ​ຫາ​ຍິງ ກໍ​ບໍ່​ເປັນ; ລົງ​ນ້ຳ​ເຫັນ​ປີງ​ກໍ​ຍັງ​ວ່າ​ປາຫລາດ! ຄັນ​ວຽກ​ບໍ່​ງານ​ການ​ບໍ່​ໄດ້​ຄື​ແນວ​ນີ້ຢູ່, ຈຳ​ເປັນ​ຕ້ອງ​ໃຫ້​ພວກタເຂົາ​ຮູ້ຈັກ​ຄວາມທຸກ​ກ່ອນ​ຈະ​ເປັນ​ຢ້າວ​ເປັນ​ເຮືອນ​ໄດ້.

Il faut régler la hauteur de ligne : dans cet exemple :

line-height:1.5em
Le même en x-large

ເຣື້ອງລູກຫົວ​ແກ້ວ ຫົວ​ແຫວນ

ຄາວ​ກ່ອນ​ນັ້ນ ຍັງ​ມີ​ຊາຍ​ສາມ​ຄົນ​ອາຍຸ​ພວມ​ເຕັມ​ບ່າວ; ເປັນ​ສ່ຽວ​​ເປັນ​ເກີກັນນັບ​ຕັ້ງ​ແຕ່​ຍັງ​ນ້ອຍ​ພຸ້ນ​ມາ; ພໍ່​ແມ່​ແລະ​ຄອບຄົວ​ຂອງ​ພວກ​ເຂົາ​ທັງ​ສາມກໍ​ມີ​ຄວາມ​ຜູກ​ພັນ​ເປັນ​ມິດສນິດ​ກັນຕັ້ງ​ແຕ່​ໃດໆ​ມາ. ​ແຕ່ລະຄົນ​ກໍ​ຮັກ​ແພງ​ລູກ​ຊາຍ​ຂອງ​ພວກ​ຕົນ쾀ແບບ​ທີ່​ວ່າ “ພ້າ​ບໍ່​ໃຫ້​ບາຍ ​ໄຖ​ບໍ່​ໃຫ້​ຕ້ອງ”. ນອກຈາກ​ນີ້ອີກ, ພວກ​ເຂົາ​ພາກັນ​ເອົາ​ຈິດ​ເອົາ​ໃຈ​ລູກ​ຊາຍ​ແບບ​ທີ່​ວ່າ “ບຸນ​ຢູ່​ໃສ​ບໍ່​ໃຫ້​ຫລໍ ຂໍ​ອັນ​ໃດ​ບໍ່​ໃຫ້​ຄາ”. ດັ່ງນັ້ນ, ​ເມື່ອ​ລູກ​ຊາຍ​ໃຫຍ່​ກ້າ​ໜ້າບານ ອາຍຸ​ພໍ​ເອົາ​ລູກ​ເອົາ​ເມັຍ ສ້າງ​ຄອບ​ສ້າງ​ຄົວ​ໄດ້​ແລ້ວ ພວກ​ພໍ່​ແມ່​ຈຶ່ງ​ເກີດ​ມີ​ຄວາມວິຕົກ​ກັງວົນ​ນຳ​ວ່າ​ຢ້ານ​ພວກ​ລູກ​ຂອງ​ຕົນ​ບໍ່​ເປັນ​ຢ້າວ​ເປັນ​ເຮືອນ​ໄດ້​ເພາະ ຕົ້ນ​ໝາກ​ຮາກ​ພູ​ກໍ​ຍັງ​ບໍ່​ຮູ້; ຊິ​ເຂົ້າ​ປ່າ​ຫາ​ຍິງ ກໍ​ບໍ່​ເປັນ; ລົງ​ນ້ຳ​ເຫັນ​ປີງ​ກໍ​ຍັງ​ວ່າ​ປາຫລາດ! ຄັນ​ວຽກ​ບໍ່​ງານ​ການ​ບໍ່​ໄດ້​ຄື​ແນວ​ນີ້ຢູ່, ຈຳ​ເປັນ​ຕ້ອງ​ໃຫ້​ພວກタເຂົາ​ຮູ້ຈັກ​ຄວາມທຸກ​ກ່ອນ​ຈະ​ເປັນ​ຢ້າວ​ເປັນ​ເຮືອນ​ໄດ້.