WOFF வலை திறந்த எழுத்துரு வடிவமைப்பு

வலை பக்கங்களில் விருப்ப எழுத்துருக்கள் பயன்படுத்தி

உரை உள்ளடக்கம் எப்பொழுதும் வலைத்தளங்களின் ஒரு முக்கியமான பகுதி ஆகும், ஆனால் வலை ஆரம்ப நாட்களில், வடிவமைப்பாளர்கள் மற்றும் டெவலப்பர்கள் அச்சுப்பொறிக்கு கட்டுப்பாட்டுக் கட்டுப்பாட்டுக்குள் தங்கள் வலைப்பக்கங்களைக் கொண்டுள்ளனர். இதில் அவர்கள் தளங்களில் நம்பத்தகுந்த அளவில் பயன்படுத்தக்கூடிய எழுத்துருக்களில் ஒரு வரம்பு இருந்தது. கடந்த காலத்தில் குறிப்பிட்ட "வலை பாதுகாப்பான எழுத்துருக்களை" நீங்கள் கேள்விப்பட்டிருக்கலாம். இது ஒரு நபரின் கணினியில் சேர்க்கப்படக்கூடிய மிகச்சிறிய எழுத்துரு வகைகளை குறிப்பிடுகிறது, இதன் அர்த்தம் நீங்கள் அந்த எழுத்துருவியில் ஒன்றைப் பயன்படுத்தியிருந்தால், அது ஒரு நபரின் உலாவியில் சரியான முறையில் வழங்கப்படும் பாதுகாப்பான பந்தயம் என்று பொருள்.

இன்றைய வலை தொழில் வல்லுநர்கள் பணிபுரிய புதிய எழுத்துருக்கள் மற்றும் வகை விருப்பங்களை வழங்குகின்றனர், இதில் ஒன்று WOFF வடிவமாகும்.

WOFF என்றால் என்ன?

WOFF என்பது "வலை திறந்த எழுத்துரு வடிவமைப்புக்கு" குறிக்கும் ஒரு சுருக்கமாகும். இது CSS @ font-face சொத்துடன் பயன்படுத்த எழுத்துருக்களை அழுத்திப் பயன்படுத்தப்படுகிறது. வலைப்பக்கங்களில் உள்ள எழுத்துருக்களை உட்பொதிக்க இது ஒரு வழி, இதன்மூலம் "ஏரியல், டைம்ஸ் நியூ ரோமன், ஜார்ஜியா" க்கு அப்பால் நீங்கள் சிறப்பு எழுத்துருக்களைப் பயன்படுத்தலாம் - மேற்கூறிய வலைத்தள பாதுகாப்பான எழுத்துருக்களில் சில.

WOFF வலைத்தளங்களுக்கான பேக்கேஜிங் எழுத்துருக்களுக்கான ஒரு தரமாக W3C க்கு சமர்ப்பிக்கப்பட்டது. நவம்பர் 16, 2010 அன்று இது ஒரு வேலைத் திட்டமாக மாறியது. இன்று நாம் உண்மையில் WOFF 2.0 ஐக் கொண்டுள்ளோம், இது வடிவமைப்பின் முதல் பதிப்பிலிருந்து சுருக்கத்தை 30% ஆக அதிகரிக்கிறது. சில சந்தர்ப்பங்களில், இந்த சேமிப்பு இன்னும் கூடுதலாக இருக்க முடியும்!

ஏன் WOFF பயன்படுத்துவது?

வலை எழுத்துருக்கள், WOFF வடிவம் வழியாக வழங்கப்பட்டவை உட்பட, பிற எழுத்துரு தேர்வுகள் மீது நிறைய நன்மைகளை வழங்குகின்றன. அந்த வலை பாதுகாப்பான எழுத்துருக்கள் பயனுள்ளதாக இருந்தன, மற்றும் எங்கள் வேலை அந்த எழுத்துருக்கள் இன்னும் நிச்சயமாக இன்னும் உள்ளது, அது எங்கள் தேர்வுகளை விரிவுபடுத்தவும் மற்றும் எங்கள் அச்சுக்கலை விருப்பங்களை திறக்க நன்றாக உள்ளது.

WOFF எழுத்துருக்கள் பின்வரும் நன்மைகள் உள்ளன:

WOFF உலாவி ஆதரவு

WOFF உட்பட நவீன உலாவிகளில் சிறந்த உலாவி ஆதரவு உள்ளது, இதில்:

ஓபரா மினி அனைத்து பதிப்புகள் இருப்பது தனி விதிவிலக்குடன், இந்த நாட்களில் பலகை முழுவதும் ஆதரிக்கப்படுகிறது.

WOFF எழுத்துருக்கள் எவ்வாறு பயன்படுத்துவது

ஒரு WOFF கோப்பைப் பயன்படுத்த நீங்கள் உங்கள் வலை சேவையகத்தில் ஒரு WOFF கோப்பை பதிவேற்ற வேண்டும், @ font-face சொத்துடன் ஒரு பெயரைக் கொடுங்கள், பிறகு உங்கள் CSS இல் எழுத்துருவை அழைக்கவும். உதாரணத்திற்கு:

  1. வலை சேவையகத்தின் / எழுத்துருக்கள் கோப்பகத்தில் myWoffFont.woff என்ற எழுத்துருவை பதிவேற்றவும்.
  2. உங்கள் CSS கோப்பில் ஒரு @ font-face பிரிவைச் சேர்க்கவும்:
    @ எழுத்துரு முகம் {
    எழுத்துரு குடும்பம்: myWoffFont;
    src: url ('/ fonts / myWoffFont.woff') வடிவம் ('woff');
    }
  1. புதிய எழுத்துரு பெயர் (myWoffFont) உங்கள் CSS எழுத்துரு ஸ்டாக் செய்ய, வேறு எந்த எழுத்துரு பெயரையும் போல
    p {
    font-family: myWoffFont , ஜெனீவா, ஏரியல், ஹெல்வெடிகா, சான்ஸ்-செரிஃப்;
    }

WOFF எழுத்துருக்கள் எங்கே கிடைக்கும்

நீங்கள் வணிக மற்றும் அல்லாத வணிக பயன்பாட்டிற்கு இலவச என்று WOFF எழுத்துருக்கள் நிறைய காணலாம் இரண்டு பெரிய இடங்களில் உள்ளன:

WOFF வடிவமைப்பில் கிடைக்காத ஒரு எழுத்துருவைப் பயன்படுத்துவதற்கு உரிமம் உங்களுக்கு இருந்தால், WOFF கோப்புகளில் உங்கள் எழுத்துரு கோப்புகளை மாற்ற எழுத்துரு வியூல் போன்ற WOFF படைப்பாளரை நீங்கள் பயன்படுத்தலாம். SFnt2woff என்று ஒரு கட்டளை வரி கருவி உள்ளது, நீங்கள் உங்கள் TrueType / OpenType எழுத்துருக்களை WOFF க்கு மாற்றுவதற்கு Macintosh மற்றும் Windows இல் பயன்படுத்தலாம்.

பைனரி உங்கள் கணினியில் பொருத்தமானது மற்றும் கட்டளை வரியில் (அல்லது முனையத்தில்) இயக்கவும் மற்றும் வழிமுறைகளைப் பின்பற்றவும்.

WOFF உதாரணம்

இங்கே WOFF கோப்புகளின் சில உதாரணங்கள்: 24 மணிநேரத்தில் HTML5 இல் WOFF பக்கம்.

ஜெனிபர் கிரைனின் அசல் கட்டுரை. 7/11/17 அன்று ஜெர்மி ஜார்டு பதிப்பித்தார்