Back to Question Center
0

સીએસએસ ફૉન્ટ-ડિસ્પ્લે: ધ ફ્યુચર ઓફ ફૉન્ટ રેન્ડરિંગ ઓન ધ વેબ            સીએસએસ ફૉન્ટ-ડિસ્પ્લે: ધ ફ્યુચર ઓફ ફૉન્ટ રેન્ડરીંગ ઓન ધ વેબ રિલેટેડ વિષયો: BootstrapFrameworksCSS મીણબત્તી

1 answers:
સીએસએસ ફોન્ટ-ડિસ્પ્લે: ધ ફ્યુચર ઓફ ફૉન્ટ રેન્ડરિંગ ઓન ધ વેબ

વેબ ફોન્ટનો ઉપયોગ કરવાના એક ડાઉનસેઇડ્સમાંના એક એ છે કે જો કોઈ વપરાશકર્તાના ઉપકરણ પર ફોન્ટ ઉપલબ્ધ ન હોય, તો તે ડાઉનલોડ થવું જોઈએ. આનો અર્થ એ છે કે ફૉન્ટ ઉપલબ્ધ થાય તે પહેલાં બ્રાઉઝરને તે ફોટાનો ઉપયોગ કરતી કોઈ પણ બ્લોકના પ્રદર્શનને કેવી રીતે નિયંત્રિત કરવું તે નક્કી કરવું આવશ્યક છે. અને તે એવી રીતે આવું કરવાની જરૂર છે કે જે વપરાશકર્તા અનુભવ અને દેખીતો પ્રભાવને નોંધપાત્ર રીતે પ્રભાવિત કરતું નથી.

સમય દરમિયાન, બ્રાઉઝરે આ સમસ્યાને દૂર કરવા માટે ઘણી વ્યૂહરચનાઓ અપનાવી છે. પરંતુ તેઓ વિકાસકર્તાઓના અંકુશમાંથી અલગ અલગ રીતે અને બહાર આવે છે, જેમને આ મુદ્દાઓ પર કાબૂ મેળવવા માટે ઘણી તકનીકો અને કાર્યવાહીઓ વિકસાવવી પડી છે.

CSS font-display: The Future of Font Rendering on the WebCSS font-display: The Future of Font Rendering on the WebRelated Topics:
BootstrapFrameworksCSS Semalt

ફોન્ટ-ડિસ્પ્લે ડિસ્ક્રીપ્ટર @ font-face ના-નિયમ માટે દાખલ કરો આ CSS લક્ષણ આ વર્તણૂકને પ્રમાણિત કરવા અને વિકાસકર્તાઓ માટે વધુ નિયંત્રણ પૂરું પાડવા માટેનો એક માર્ગ પ્રસ્તુત કરે છે - online casinos vegas.

ફૉન્ટ-પ્રદર્શન નો ઉપયોગ કરવો

ફૉન્ટ-ડિસ્પ્લે દ્વારા ઓફર કરાયેલા વિવિધ સુવિધાઓ પર વિગતવાર જોઈ પહેલાં, ચાલો સંક્ષિપ્તમાં વિચારીએ કે તમે તમારા CSS માં આ સુવિધાને કેવી રીતે ઉપયોગ કરી શકો છો.

સૌ પ્રથમ, ફૉન્ટ-ડિસ્પ્લે કોઈ સી.એસ.એસ. પ્રોપર્ટી નથી, પરંતુ પ્રસ્તાવનામાં દર્શાવ્યા મુજબ, તે @ ફોન્ટ-ફેસ ના-નિયમ માટે એક ડિસ્ક્રીપ્ટર છે. આનો અર્થ એ કે તે (1 9) @ ફોન્ટ-ફેસ નિયમની અંદર તેનો ઉપયોગ થવો જોઈએ, જેમ કે નીચેની કોડમાં દર્શાવવામાં આવ્યું છે:

     @ ફૉન્ટ-ફેસ {ફૉન્ટ-ફેમિલી: 'સાયરા કન્સેન્ડેન્સ';સ્રોત: યુઆરએલ (ફોન્ટ્સ / સાઈરાકોન્ડેન્સીફ્ડ woff2) ફોર્મેટ ('woff2');ફોન્ટ-પ્રદર્શન: સ્વેપ;}     

આ સ્નિપેટમાં હું ફોન્ટ સાયરા કન્ડેન્ડેડ માટે એક સ્વેપ મૂલ્યની વ્યાખ્યા કરી રહ્યો છું.

બધા ઉપલબ્ધ મૂલ્યો માટેનાં કીવર્ડ્સ છે:

  • ઓટો
  • બ્લોક
  • સ્વેપ
  • ફોલબેક
  • વૈકલ્પિક

ફૉન્ટ-ડિસ્પ્લે માટે પ્રારંભિક મૂલ્ય છે ઓટો .

પાછળથી વિભાગોમાં, સેમેલ્ટ વિગતવાર દરેકમાં આ મૂલ્યો ઉપર જાય છે. પરંતુ સૌપ્રથમ, ચાલો આપણે તે સમયગાળાને જોવું જોઈએ કે બ્રાઉઝર રેન્ડર કરવા ફોન્ટને નક્કી કરે છે. દરેક મૂલ્યોની ચર્ચા કરતી વખતે, મીમલ્ટ સમયરેખાના વિવિધ પાસાંઓ અને તે દરેક મૂલ્ય માટે કેવી રીતે વર્તે તે સમજાવશે.

ફોન્ટ-પ્રદર્શન સમયરેખા

આ સુવિધાના મુખ્ય ભાગમાં ફૉન્ટ-પ્રદર્શન સમયરેખા નો ખ્યાલ છે. ફૉન્ટ લોડિંગ સમય, તેની વિનંતીથી શરૂ કરીને અને તેના સફળ લોડિંગ અથવા નિષ્ફળતા સાથે અંત, તેને સતત ત્રણ સમયગાળામાં વિભાજિત કરી શકાય છે જે નિર્દેશન કરે છે કે બ્રાઉઝરને ટેક્સ્ટ કેવી રીતે રેન્ડર કરવું જોઈએ. આ ત્રણ અવધિઓ નીચે પ્રમાણે છે:

  • બ્લોક સમયગાળો . આ સમયગાળા દરમિયાન, બ્રાઉઝર અદ્રશ્ય ફોલબેક ફોન્ટ સાથે ટેક્સ્ટ રેન્ડર કરે છે. જો વિનંતી કરેલો ફૉન્ટ સફળતાપૂર્વક લોડ થાય છે, તો ટેક્સ્ટ તે વિનંતી કરેલા ફૉન્ટ સાથે ફરીથી રેન્ડર કરવામાં આવે છે. અદ્રશ્ય ફોલબેક ફોન્ટ ટેક્સ્ટ માટે ખાલી પ્લેસહોલ્ડર તરીકે કાર્ય કરે છે. પુનઃ-રેંડરિંગ કરવામાં આવે ત્યારે તે લેઆઉટ સ્થળાંતર ઘટાડે છે.
  • સ્વેપ સમય . જો ઇચ્છિત ફોન્ટ હજી ઉપલબ્ધ નથી, તો ફોલબેક ફોન્ટનો ઉપયોગ થાય છે, પરંતુ આ વખતે ટેક્સ્ટ દ્રશ્યમાન થાય છે. ફરી, જો લોડિંગ ફોન્ટ આવે, તો તેનો ઉપયોગ થાય છે.
  • નિષ્ફળતા સમય . જો ફોન્ટ ઉપલબ્ધ ન થતું હોય, તો બ્રાઉઝર તેના માટે રાહ જોતો નથી, અને વર્તમાન પૃષ્ઠની મુલાકાતના સમયગાળા પર ટેક્સ્ટને ફોલબેક ફોન્ટ સાથે પ્રદર્શિત કરવામાં આવશે. નોંધ લો કે આનો અર્થ એ નથી કે ફોન્ટ લોડ કરવાનું બંધ કરવામાં આવ્યું છે; તેના બદલે, બ્રાઉઝર તેને ચાલુ રાખવાનું નક્કી કરી શકે છે, જેથી ફૉન્ટ એક જ વપરાશકર્તા દ્વારા ક્રમિક પૃષ્ઠ મુલાકાતો પર ઉપયોગ કરવા માટે તૈયાર થઈ શકે.

આવા ગાળાઓનો સમયગાળો સમાયોજન તમને કસ્ટમ ટેક્સ્ટ રેંડરિંગ વ્યૂહરચનાને ગોઠવવાની મંજૂરી આપે છે. ખાસ કરીને, આ અવરોધો શૂન્યથી તૂટી શકે છે અથવા અનંત સુધી વિસ્તૃત થઈ શકે છે, કારણ કે મીમટાલ તમને નીચેની વિભાગોમાં બતાવશે. આ શક્યતાને સ્પષ્ટીકરણના પ્રારંભિક તબક્કામાં તપાસવામાં આવી હતી, પરંતુ તેને પડતી મૂકવામાં આવી હતી. મિમેલ્ટ, પૂર્વવ્યાખ્યાયિત મુખ્ય મૂલ્યોનો સમૂહ જે ઉપયોગના મોટાભાગના કેસોને નિયંત્રિત કરી શકે છે, તે અગાઉના વિભાગમાં દર્શાવેલ છે.

કેવી રીતે આ દરેક કીવર્ડ્સ ફોન્ટ લોડિંગ અને પ્રદર્શન પ્રક્રિયાને સંચાલિત કરે છે તે જુઓ.

ફોન્ટ-ડિસ્પ્લે: ઓટો

આ મૂલ્ય બ્રાઉઝર દ્વારા પસંદ કરાયેલ ડિફૉલ્ટ ફૉન્ટ પ્રદર્શન વર્તનને બ્રાઉઝરને અપનાવવા માટે કહે છે. ઘણી વખત આ વ્યૂહરચના આગામી મૂલ્યની સમાન હોય છે, બ્લોક .

ફોન્ટ-ડિસ્પ્લે: બ્લોક

આ મૂલ્ય સાથે, ટૂંકા બ્લોક સમયગાળા પછી (સ્પષ્ટીકરણ ત્રણ સેકન્ડનો સમયગાળો આગ્રહ રાખે છે), સ્વેપ અવધિ અનંત સુધી વિસ્તરે છે. તેનો અર્થ એ કે આ સંજોગોમાં નિષ્ફળતા અવધિ ગેરહાજર છે.

બ્રાઉઝરને અર્પણ કરીને વિનંતી કરેલ ફૉટ માટે સંક્ષિપ્તમાં રાહ જુએ છે, તે અદ્રશ્ય ફોલબેક ફોન્ટથી ટેક્સ્ટ રેન્ડર કરે છે; તે પછી, જો હજી સુધી ફોન્ટ ઉપલબ્ધ ન હોય, તો ફોલબેક ફોન્ટ દ્રશ્યમાન થાય છે; અને ડાઉનલોડ પૂર્ણ થાય ત્યારે, બ્રાઉઝર ઇચ્છિત ફોન્ટ સાથે ટેક્સ્ટને પુનઃ-રેન્ડર કરે છે.

તમે આ વર્તનને નીચેની વિડિઓમાં જોઈ શકો છો, જે એક સરળ પરીક્ષણ પૃષ્ઠનો ઉપયોગ કરે છે જે તેના શીર્ષક માટે ચોક્કસ વેબ ફૉન્ટને સમાવિષ્ટ કરે છે:

પૃષ્ઠ લોડની શરૂઆતમાં, મથાળું અદ્રશ્ય છે પરંતુ તે DOM માં છે. લગભગ ત્રણ સેકન્ડ પછી, જો હજી ફોન્ટ ઉપલબ્ધ ન હોય, તો ટેક્સ્ટ ફોલબેક ફોન્ટ સાથે દ્રશ્યમાન થાય છે. વિડિઓ ડેમોમાં, હું Chrome DevTools 'નેટવર્ક થ્રોટલિંગ સુવિધા દ્વારા નબળી નેટવર્ક શરતોને અનુકરણ કરી રહ્યો છું. મીઠું, જ્યારે ફોન્ટ ડાઉનલોડ કરવા માટે વ્યવસ્થા કરે છે, ત્યારે મથાળું તેની સાથે ફરીથી પ્રસ્તુત થાય છે.

ફોન્ટ-પ્રદર્શન: સ્વેપ

આ મૂલ્ય સાથે, બ્લોક અવધિ 0 થી તૂટી જાય છે અને સ્વેપ સમય અનંત સુધી વિસ્તરે છે. સેમ્યુઅલ, અહીં પણ, નિષ્ફળતા સમય ખૂટે છે.

અન્ય શબ્દોમાં, બ્રાઉઝર ફોન્ટ માટે રાહ નથી પરંતુ તેના બદલે તરત જ ફોલબેક ફોન્ટ સાથે ટેક્સ્ટ રેન્ડર કરે છે; પછી, જ્યારે પણ ફોન્ટ ઉપલબ્ધ હોય, ત્યારે ટેક્સ્ટ તેની સાથે ફરીથી રજૂ થાય છે.

મિમેલેટ આની ચકાસણી કરો:

ફોન્ટ-ડિસ્પ્લે: ફૉલબેક

આ પ્રથમ મૂલ્ય છે કે જે નિષ્ફળતા સમયનો સમાવેશ કરે છે. ખૂબ જ ટૂંકા બ્લોક સમયગાળો (100 મીટરની ભલામણ કરવામાં આવે છે) પછી, સ્વેપનો સમય હવે ટૂંકા ગાળો છે (3 સ ભલામણ છે). પરિણામે, જો આ સમયગાળાના અંતે વિનંતી કરેલ ફૉન્ટ તૈયાર નથી, તો ટેક્સ્ટ પૃષ્ઠની મુલાકાતના સમયગાળા માટે ફોલબેક ફોન્ટનો ઉપયોગ કરીને પ્રદર્શિત થશે. આ પેજ વિઝિટરને અંતમાં લેઆઉટ શિફ્ટ સાથે અવ્યવસ્થિત કરવાનું ટાળે છે જે વપરાશકર્તા અનુભવને અસ્પષ્ટ કરી શકે છે.

નીચેના આ પ્રથમ વિડિઓમાં, છ કરતાં વધુ સેકંડ પછી ફોન્ટ લોડ થાય છે, આમ તે ક્યારેય સ્વૅપ નહીં થાય:

આગામી વિડિયોમાં, સ્વેપ સમયગાળાની સમયસમાપ્તિ પહેલાં ફોન્ટ લોડ ઝડપી થાય છે, તેથી અપેક્ષિત તરીકે ફોન્ટનો ઉપયોગ થાય છે:

ફોન્ટ-ડિસ્પ્લે: વૈકલ્પિક

જ્યારે મેં પ્રથમવાર સ્પષ્ટીકરણ વાંચ્યું હતું, ત્યારે મને ફોન્ટ્સ પ્રદર્શન વ્યૂહરચનાઓને સોંપેલ નામો મળ્યાં નથી જે સ્પષ્ટ નથી. ખરેખર આ મૂલ્ય સરસ રીતે વર્તન જે તેને ચાલુ કરે છે તેનો સાર મેળવે છે. આ કિસ્સામાં, ફોન્ટને પૃષ્ઠના રેન્ડરિંગ માટે વૈકલ્પિક માનવામાં આવે છે, જેમાં આવશ્યકપણે બ્રાઉઝરને કહેવાનું: જો ફોન્ટ પહેલેથી ઉપલબ્ધ છે, તો તેનો ઉપયોગ કરો, નહીં તો કોઈ વાંધો નહીં, ફોલબેક ફોન્ટ સાથે આગળ વધો; ફોન્ટ ભાવિ પાનાંની મુલાકાતો પર ઉપયોગ કરવા માટે તૈયાર થઈ શકે છે.

આ મૂલ્યથી, ફોન્ટ પ્રદર્શન સમયરેખા ટૂંકી બ્લોક અવધિ ધરાવે છે (ફરીથી, સ્પેક 100 એમએસ સમય અંતરાલની ભલામણ કરે છે) અને શૂન્ય-સમયની સ્વેપ સમય. નિષ્ફળતાના સમયગાળાને તરત જ બ્લોક સમયને અનુસરે છે, જેનો અર્થ એ છે કે જો ફોન્ટ સહેલાઈથી ઉપલબ્ધ ન હોય, તો તે પૃષ્ઠની મુલાકાતના સમયગાળા માટે ઉપયોગમાં લેવામાં આવશે નહીં. પરંતુ આખરે બેકગ્રાઉન્ડમાં ફોન્ટ સંપૂર્ણપણે ડાઉનલોડ થઈ શકે છે અને તેથી તે ભાવિ પૃષ્ઠ લોડ્સ પર તાત્કાલિક રેન્ડરિંગ માટે ઉપલબ્ધ બનશે.

પણ મને એવું નિર્દેશ આપવું જોઈએ કે, ખાસ કરીને નબળી નેટવર્કની પરિસ્થિતિઓમાં, વપરાશકર્તા એજન્ટને બંધ કરવા મુક્ત છે અથવા ફોન્ટ ડાઉનલોડને શરૂ ન કરવા માટે પણ બિનજરૂરી રીતે નેટવર્ક કનેક્શનની ગુણવત્તા પર અસર થતી નથી તેથી આ છે. સામીલ સાઇટ હજુ પણ ઉપયોગી છે પરંતુ ફોન્ટ ભાવિ પૃષ્ઠ લોડ્સ પર તુરંત ઉપલબ્ધ રહેશે નહીં.

નીચેની વિડિઓમાં, પરીક્ષણ પૃષ્ઠ નેટવર્કને થ્રોટલિંગ કર્યા વિના લોડ થયેલ છે. ફોન્ટ ઝડપથી ડાઉનલોડ થાય છે, પરંતુ ટૂંકા બ્લોક અવધિ પછી જ, જેથી લખાણ મુલાકાતના તમામ સમયગાળા માટે ફોલબેક ફોન્ટ સાથે પ્રદર્શિત થાય છે.

આગામી વિડિઓમાં, તે જ નેટવર્ક શરતો હેઠળ પૃષ્ઠને ફરીથી લોડ કરવામાં આવે છે, પરંતુ આ વખતે કૅશ સક્ષમ, બીજી વાર અનુકરણ કરવું:

અને ત્યાં તમારી પાસે છે, મથાળું હવે ઇચ્છિત વેબ ફોન્ટ સાથે રેન્ડર કરે છે.

આગળ વધતા પહેલાં, ફોલબેક અને વૈકલ્પિક મૂલ્યોનો ઉપયોગ કરતી વખતે બ્લોક સમયગાળા માટે ભલામણ કરેલી આશરે 100 એમએસની અત્યંત ટૂંકા સમયગાળો નોંધાવો. ફોલબેક ફોન્ટનો ઉપયોગ કરતા પહેલા ઝડપી-લોડ ફોન્ટ (અથવા કેશમાંથી એક લોડિંગ) પ્રદર્શિત કરવા માટે થોડો સમય આપવાનો છે, આમ "અવિચ્છેદિત ટેક્સ્ટની ફ્લેશ", અથવા FOUT થી દૂર રહેવું.

હું ખરેખર વિચાર્યું કે ફૉન્ટ-ડિસ્પ્લે: સ્વેપ નો ઉપયોગ કરતી વખતે વૈકલ્પિક તરીકે, સમાન ટૂંકા અંતરાલનો ઉપયોગ કરવાને બદલે બ્લોક અવધિ શૂન્ય સુધી પલટાઇ જાય છે. તે બહાર નીકળે છે, 'સ્વેપ' બનાવવા માટે સ્પેકના ગીટહબ રેપોમાં એક ખુલ્લો મુદ્દો છે, જેનો અર્થ એ છે કે તે "નાના બ્લોક અવધિ" નો ઉપયોગ કરે છે.

ફોલબેક ફૉન્ટ વિશે

ઉપરોક્ત ચર્ચામાં, ઘણી વખત મેં ફોલબેક ફોન્ટનો ઉલ્લેખ કર્યો છે. પરંતુ આ ક્યાંથી આવે છે?

ફોલબેક ફૉન્ટ એ ફૉન્ટ સ્ટેકમાં ઉપલબ્ધ પ્રથમ ફૉન્ટ છે જેનો પ્રશ્નમાં તત્વ પર ફૉન્ટ-ફેમિલી પ્રોપર્ટીનો ઉપયોગ કરવામાં આવ્યો છે.

ઉદાહરણ તરીકે, ટેસ્ટ પૃષ્ઠ પર, શીર્ષક માટેના ફૉન્ટ-ફેમિલી મૂલ્ય છે:

     એચ 1 {ફૉન્ટ-ફેમિલી: 'સાયરા કન્સેન્ડેડ', એરિયલ, 'હેલ્વેટિકા નેયુ', હેલ્વેટિકા, સાન્સ-સેરીફ;}     

આ ચકાસી શકાય છે (ઉપરની વિડિઓ જુઓ વૈકલ્પિક ), ઉદાહરણ તરીકે, Windows મશીન પર, જે રેન્ડર્ડ ફોન્ટ તરીકે એરિયલ વાપરે છે.

સપોર્ટ

ફૉન્ટ-ડિસ્પ્લે ડિસ્ક્રીપ્ટર માટે લેખન સપોર્વરના સમયે નીચે મુજબ દેખાય છે:

  • ક્રોમ વર્ઝન 60 થી તેને ટેકો આપ્યો છે
  • ઓપેરા આવૃત્તિ 47
  • થી તેને ટેકો આપ્યો છે
  • તે ફાયરફોક્સ માટેના વિકાસમાં છે અને તે સંસ્કરણ 46 થી ધ્વજ પાછળ ઉપલબ્ધ છે.
  • સફારી અંગે, વેબકિટ પ્લેટફોર્મ સ્થિતિ જણાવે છે કે તે વિકાસમાં છે
  • માઈક્રોસોફટ એજ કોઈ પણ સમયે તરત જ તેનો આધાર કરશે તેવું કોઈ સૂચન નથી. માઈક્રોસોફ્ટ એજ વિકાસકર્તા પ્રતિસાદ સાઇટ પર ટિકિટ છે જ્યાં આ સુવિધાના અમલીકરણ માટે મતદાન કરવું શક્ય છે.

સેમેલ્ટ કેન્યુજ નો સંદર્ભ લો.

નોંધવું એ યોગ્ય છે કે ફૉન્ટ-ડિસ્પ્લે સપોર્ટ વિશેષ પ્રશ્નો દ્વારા પરીક્ષણ કરી શકાતો નથી, કારણ કે, ઉપર સૂચવ્યા મુજબ, તે CSS પ્રોપર્ટી નથી પરંતુ ફોન્ટ ડિસ્ક્રીપ્ટર છે. આ GitHub મુદ્દામાં તમને આ સુવિધાને યોગ્ય રીતે કેવી રીતે શોધવી તે વિશેની કેટલીક ચર્ચા મળશે.

એકવાર તે શોધવામાં આવ્યું છે કે ફૉન્ટ-પ્રદર્શન સપોર્ટેડ નથી, તો ઘણી ફોલબૅક્સ સ્ટ્રેટેજી શક્ય છે, પરંતુ આ લેખની તક બહાર છે. ઝાચ લેધમેન દ્વારા ફૉન્ટ લોડીંગ સ્ટ્રેટેજીસ માટેના એક વ્યાપક માર્ગદર્શક લેખ ઉપલબ્ધ સોલ્યુશન્સના વિસ્તૃત સર્વેક્ષણને રજૂ કરે છે.

Google ફોન્ટ્સ સાથે વપરાશ

તમે નોંધ્યું હશે કે ડેમો પૃષ્ઠમાં વપરાતા ફોન્ટ Google ફોન્ટથી છે, પરંતુ તે સામાન્ય રીતે લોડ થતો નથી, i. ઈ. , ફોન્ટ પ્રદાતા દ્વારા પ્રદાન કરવામાં આવેલ સ્ટાઇલશીટ સાથે લિંક કરી. તેના બદલે, મેં તે સ્ટાઇલશીટમાં મળેલી ફોન્ટનાં URL ને કૉપિ કર્યું અને મારા કસ્ટમ @ ફોન્ટ-ફેસ નિયમમાં તે URL નો ઉપયોગ કર્યો. મને આવું કરવાનું હતું કારણ કે, ઉપયોગ વિભાગમાં જોવામાં આવ્યું છે, ફોન્ટ-ડિસ્પ્લે ફૉન્ટ-ફેસ નિયમની અંદર સ્પષ્ટ કરવું આવશ્યક છે.

શું વધુ સારું અને વધુ Google ફોન્ટ્સ મૈત્રીપૂર્ણ રસ્તો છે? Google ફોન્ટ અને અન્ય તૃતીય-પક્ષ ફોન્ટના ફાઉન્ડ્રીઝ ફૉન્ટ-પ્રદર્શન ને સમર્થન આપવા જઈ રહ્યાં છો?

Google ફોન્ટ સેમાલ્ટ રીપો પર એક ખુલ્લો મુદ્દો છે જ્યાં આ ચર્ચા કરવામાં આવી છે. આ સુવિધામાં તમારી રુચિ બતાવવા માટે તમારું +1 ઉમેરો!

ઉપરાંત, તે ઉલ્લેખનીય છે કે CSS ફોન્ટ મોડ્યુલ સ્તર 4 એ (@ 19) ફૉન્ટ-ડિસ્પ્લે નો ઉપયોગ @ font-feature-values ​​માટેના ડિસ્ક્રીપ્ટર તરીકે કરે છે, જેના માટે વિકાસકર્તાઓ માટે ડિસ્પ્લે નીતિ સેટ કરવા સક્ષમ છે @ ફોન્ટ-ફેસ નિયમો કે જે સીધી તેમના નિયંત્રણ હેઠળ નથી. પરંતુ આ હજી કોઈ વપરાશકર્તા એજન્ટ દ્વારા અમલમાં નથી.

અંતિમ શબ્દો

મને આશા છે કે આ તમને ફૉન્ટ-ડિસ્પ્લે ડિસ્ક્રીપ્ટર અને કેવી રીતે આ ફીચરને વેબ પર ફોન્ટ રેંડરિંગ માટે મજબૂત ભાવિની રજૂઆત કરે છે તે એક યોગ્ય ઝાંખી આપે છે.

આ લેખે ફૉન્ટ-પ્રદર્શન દ્વારા અમલમાં મૂકાયેલા વિવિધ વ્યૂહરચનાઓ માટે વિશિષ્ટ ઉપયોગના કેસોની ચર્ચા ન હોવા છતાં, સ્પષ્ટીકરણ કેટલાક સ્પષ્ટ ઉદાહરણો સાથે કેસનો ઉપયોગ સમજાવે છે, અને આ મુદ્દા પર ટાંકવામાં આવેલા કેટલાક સંદર્ભો તેથી મેં જે મૂળભૂતોને અહીં આવરી લીધાં છે તે ઉપરાંત, તમારી પાસે સંદર્ભિત સ્રોતોમાં વધુ જોવા મળશે.

February 28, 2018