ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಕಸ್ಟಮ್ ಫಾಂಟ್ಗಳನ್ನು ಬಳಸಿ
ಪಠ್ಯ ವಿಷಯವು ಯಾವಾಗಲೂ ವೆಬ್ಸೈಟ್ಗಳ ಪ್ರಮುಖ ಭಾಗವಾಗಿದೆ, ಆದರೆ ವೆಬ್ನ ಆರಂಭಿಕ ದಿನಗಳಲ್ಲಿ, ವಿನ್ಯಾಸಕರು ಮತ್ತು ಅಭಿವರ್ಧಕರು ಮುದ್ರಣ ನಿಯಂತ್ರಣದಲ್ಲಿ ತಮ್ಮ ವೆಬ್ಪುಟಗಳನ್ನು ಹೊಂದಿದ್ದರಿಂದ ತೀವ್ರವಾಗಿ ಸೀಮಿತಗೊಳಿಸಿದ್ದರು. ಇದು ಫಾಂಟ್ಗಳಲ್ಲಿ ಮಿತಿಗಳನ್ನು ಒಳಗೊಂಡಿದ್ದು ಅವುಗಳ ಸೈಟ್ಗಳಲ್ಲಿ ವಿಶ್ವಾಸಾರ್ಹವಾಗಿ ಬಳಸಲು ಸಾಧ್ಯವಾಯಿತು. ಹಿಂದೆ ಹೇಳಲಾದ "ವೆಬ್ ಸುರಕ್ಷಿತ ಫಾಂಟ್ಗಳು" ಎಂಬ ಪದವನ್ನು ನೀವು ಕೇಳಿರಬಹುದು. ಇದು ವ್ಯಕ್ತಿಯ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಸೇರಿಸಿಕೊಳ್ಳುವ ಸಾಧ್ಯತೆಗಳಿರುವ ಫಾಂಟ್ಗಳ ಸಣ್ಣ ಗುಂಪನ್ನು ಉಲ್ಲೇಖಿಸುತ್ತದೆ, ಅಂದರೆ ನೀವು ಆ ಫಾಂಟ್ಗಳಲ್ಲಿ ಒಂದನ್ನು ಸೈಟ್ ಬಳಸಿದರೆ, ಅದು ವ್ಯಕ್ತಿಯ ಬ್ರೌಸರ್ನಲ್ಲಿ ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿತವಾಗುವುದೆಂದು ಸುರಕ್ಷಿತ ಪಂತವಾಗಿದೆ.
ಇಂದು, ವೆಬ್ ವೃತ್ತಿಪರರು ಹೊಸ ಫಾಂಟ್ಗಳು ಮತ್ತು ಕೆಲಸ ಮಾಡಲು ರೀತಿಯ ಆಯ್ಕೆಗಳನ್ನು ಹೊಂದಿದ್ದಾರೆ, ಅವುಗಳಲ್ಲಿ ಒಂದು WOFF ಸ್ವರೂಪ.
WOFF ಎಂದರೇನು?
WOFF ಎನ್ನುವುದು "ವೆಬ್ ಓಪನ್ ಫಾಂಟ್ ಫಾರ್ಮ್ಯಾಟ್" ಅನ್ನು ಸೂಚಿಸುವ ಒಂದು ಸಂಕ್ಷಿಪ್ತ ರೂಪವಾಗಿದೆ. ಇದನ್ನು CSS @ ಫಾಂಟ್-ಫೇಸ್ ಆಸ್ತಿಯೊಂದಿಗೆ ಬಳಸಲು ಫಾಂಟ್ಗಳನ್ನು ಕುಗ್ಗಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಫಾಂಟ್ಗಳನ್ನು ಅಳವಡಿಸಲು ಇದು ಒಂದು ಮಾರ್ಗವಾಗಿದೆ, ಇದರಿಂದ ನೀವು ವಿಶಿಷ್ಟವಾದ ಫಾಂಟ್ಗಳನ್ನು "ಏರಿಯಲ್, ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್, ಜಾರ್ಜಿಯಾ" ಗಿಂತ ಹೆಚ್ಚಾಗಿ ಬಳಸಬಹುದಾಗಿದೆ - ಅವುಗಳಲ್ಲಿ ಕೆಲವು ಮೊದಲಿನ ವೆಬ್ ಸುರಕ್ಷಿತ ಫಾಂಟ್ಗಳು.
WOFF ಯನ್ನು ವೆಬ್ ಪುಟಗಳಿಗಾಗಿ ಪ್ಯಾಕೇಜಿಂಗ್ ಫಾಂಟ್ಗಳಿಗೆ ಪ್ರಮಾಣಿತವಾಗಿ W3C ಗೆ ಸಲ್ಲಿಸಲಾಯಿತು. ಇದು ನವೆಂಬರ್ 16, 2010 ರಂದು ಕೆಲಸ ಡ್ರಾಫ್ಟ್ ಆಯಿತು. ಇಂದು ನಾವು ವಾಸ್ತವವಾಗಿ WOFF 2.0 ಹೊಂದಿವೆ, ಇದು ಸುಮಾರು 30% ಮೂಲಕ ಸ್ವರೂಪದ ಮೊದಲ ಆವೃತ್ತಿಯಿಂದ ಸಂಕುಚಿತ ಸುಧಾರಿಸುತ್ತದೆ. ಕೆಲವು ಸಂದರ್ಭಗಳಲ್ಲಿ, ಈ ಉಳಿತಾಯವು ಇನ್ನೂ ಹೆಚ್ಚು ಪರ್ಯಾಯವಾಗಿದೆ!
ಏಕೆ WOFF ಬಳಸಿ?
ವೆಬ್ ಫಾಂಟ್ಗಳು, WOFF ಸ್ವರೂಪದ ಮೂಲಕ ವಿತರಿಸಲಾದವುಗಳು ಸೇರಿದಂತೆ, ಇತರ ಫಾಂಟ್ ಆಯ್ಕೆಗಳ ಮೇಲೆ ಬಹಳಷ್ಟು ಪ್ರಯೋಜನಗಳನ್ನು ಒದಗಿಸುತ್ತವೆ. ಆ ವೆಬ್ ಸುರಕ್ಷಿತ ಫಾಂಟ್ಗಳಂತೆಯೇ ಉಪಯುಕ್ತವಾಗಿದೆ, ಮತ್ತು ನಮ್ಮ ಕೆಲಸದಲ್ಲಿನ ಆ ಫಾಂಟ್ಗಳಿಗೆ ಇನ್ನೂ ಒಂದು ಸ್ಥಳವಿದೆ, ನಮ್ಮ ಆಯ್ಕೆಗಳು ವಿಸ್ತರಿಸಲು ಮತ್ತು ನಮ್ಮ ಮುದ್ರಣದ ಆಯ್ಕೆಗಳನ್ನು ತೆರೆಯಲು ಇದು ಒಳ್ಳೆಯದು.
WOFF ಫಾಂಟ್ಗಳು ಕೆಳಗಿನ ಪ್ರಯೋಜನಗಳನ್ನು ಹೊಂದಿವೆ:
- ಫಾಂಟ್ಗಳಂತೆ ಚಿತ್ರಗಳನ್ನು ಹೆಚ್ಚು ಪ್ರವೇಶಿಸಬಹುದು. WOFF ಶೈಲಿಗಳು CSS ನೊಂದಿಗೆ ಸರಳ HTML ಪಠ್ಯವಾಗಿದ್ದು, ಚಿತ್ರಗಳನ್ನು ಪ್ರವೇಶಿಸಲು ನಿಮಗೆ ಅನುಮತಿ ಮತ್ತು ವಿನ್ಯಾಸ ನಿಯಂತ್ರಣವನ್ನು ನೀಡುತ್ತದೆ.
- WOFF ಫೈಲ್ಗಳು ಸಂದರ್ಭೋಚಿತ ರೂಪಗಳು ಮತ್ತು ಹಳೆಯ ಶೈಲಿಯ ವ್ಯಕ್ತಿಗಳಂತಹ ಮುದ್ರಣದ ಮಾಹಿತಿಯನ್ನು ಒಳಗೊಂಡಿದೆ. ಇದು ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳನ್ನು ಉತ್ತಮ ಮುದ್ರಣಕಲೆಗೆ ನೀಡುತ್ತದೆ ಏಕೆಂದರೆ ನೀವು ಸರಿಯಾದ ಅಕ್ಷರಗಳನ್ನು ಬಳಸುತ್ತಿರುವಿರಿ, ಕೇವಲ ಅಂದಾಜುಗಳಿಲ್ಲ.
- WOFF ಫಾಂಟ್ಗಳು ಅಂತರರಾಷ್ಟ್ರೀಕರಣಕ್ಕೆ ಸಹಾಯ ಮಾಡುತ್ತವೆ ಏಕೆಂದರೆ ನೀವು ಇತರ ಭಾಷೆಗಳಿಂದ ಅಕ್ಷರಗಳೊಂದಿಗೆ ಫಾಂಟ್ಗಳನ್ನು ಎಂಬೆಡ್ ಮಾಡಬಹುದು.
- ಎಲ್ಲಾ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯ ಪಠ್ಯದಂತೆ, WOFF ನೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಫಾಂಟ್ಗಳು ಹೆಚ್ಚು ಹುಡುಕಾಟ ಎಂಜಿನ್ ಸ್ನೇಹಿಯಾಗಿವೆ. ಹುಡುಕಾಟ ಇಂಜಿನ್ಗಳು ಚಿತ್ರದಲ್ಲಿ ಎಂಬೆಡ್ ಮಾಡಲಾದ "ನೋಡು" ಪಠ್ಯವನ್ನು ಹೊಂದಿಲ್ಲ ಮತ್ತು ALT ಪಠ್ಯವು ಸಹಾಯ ಮಾಡುವಾಗ ಪಠ್ಯಕ್ಕೆ ಪರ್ಯಾಯವಾಗಿ ಇಲ್ಲ.
- WOFF ಫಾಂಟ್ಗಳನ್ನು ಸಂಕುಚಿತಗೊಳಿಸಲಾಗಿದೆ, ಆದ್ದರಿಂದ ಅವು ಇತರ ರೀತಿಯ ಫಾಂಟ್ ಫೈಲ್ಗಳಿಗಿಂತ ಚಿಕ್ಕದಾಗಿರುತ್ತವೆ. ಸೈಟ್ ಡೌನ್ಲೋಡ್ ವೇಗ ಮತ್ತು ಒಟ್ಟಾರೆ ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಇದು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
- WOFF ಫೈಲ್ಗಳಾಗಿ ನಿಮ್ಮ ಸಾಂಸ್ಥಿಕ ಫಾಂಟ್ಗಳನ್ನು ಎಂಬೆಡ್ ಮಾಡುವ ಮೂಲಕ ನಿಮ್ಮ ಬ್ರಾಂಡ್ ಗುರುತನ್ನು ಉಳಿಸಿಕೊಳ್ಳಲು ನೀವು WOFF ಫೈಲ್ಗಳನ್ನು ಬಳಸಬಹುದು.
WOFF ಬ್ರೌಸರ್ ಬೆಂಬಲ
ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ WOFF ಅತ್ಯುತ್ತಮವಾದ ಬ್ರೌಸರ್ ಬೆಂಬಲವನ್ನು ಹೊಂದಿದೆ, ಅವುಗಳೆಂದರೆ:
- Chrome 6+
- ಫೈರ್ಫಾಕ್ಸ್ 3.6+
- ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ 9+
- ಒಪೇರಾ 11.1+
- ಸಫಾರಿ 5.1+
ಈ ದಿನಗಳಲ್ಲಿ ಒಪೇರಾ ಮಿನಿನ ಎಲ್ಲಾ ಆವೃತ್ತಿಗಳು ಏಕೈಕ ಎಕ್ಸೆಪ್ಶನ್ ಜೊತೆಗೆ ಬೋರ್ಡ್ನಲ್ಲಿ ಇದು ಮುಖ್ಯವಾಗಿ ಬೆಂಬಲಿಸುತ್ತದೆ.
WOFF ಫಾಂಟ್ಗಳು ಬಳಸಿ ಹೇಗೆ
ಒಂದು WOFF ಫೈಲ್ ಅನ್ನು ಬಳಸಲು, ನೀವು ನಿಮ್ಮ ವೆಬ್ ಸರ್ವರ್ಗೆ WOFF ಫೈಲ್ ಅನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡಬೇಕಾಗುತ್ತದೆ, @ ಫಾಂಟ್-ಫೇಸ್ ಆಸ್ತಿಯೊಂದಿಗೆ ಅದನ್ನು ಹೆಸರಿಸಿ ಮತ್ತು ನಂತರ ನಿಮ್ಮ ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ಫಾಂಟ್ ಅನ್ನು ಕರೆ ಮಾಡಿ. ಉದಾಹರಣೆಗೆ:
- MyWoffFont.woff ಎಂದು ಕರೆಯಲ್ಪಡುವ ಫಾಂಟ್ ಅನ್ನು ವೆಬ್ ಸರ್ವರ್ನ / ಫಾಂಟ್ ಡೈರೆಕ್ಟರಿಗೆ ಅಪ್ಲೋಡ್ ಮಾಡಿ.
- ನಿಮ್ಮ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ನಲ್ಲಿ @ ಫಾಂಟ್-ಫೇಸ್ ವಿಭಾಗವನ್ನು ಸೇರಿಸಿ:
@ font-face {
ಫಾಂಟ್-ಕುಟುಂಬ: myWoffFont;
src: url ('/ ಫಾಂಟ್ಗಳು / myWoffFont.woff') ಸ್ವರೂಪ ('woff');
}
- ಹೊಸ ಫಾಂಟ್ ಹೆಸರು (myWoffFont) ಅನ್ನು ನಿಮ್ಮ CSS ಫಾಂಟ್ ಸ್ಟಾಕ್ಗೆ ಸೇರಿಸಿ, ನೀವು ಬೇರೆ ಯಾವುದೇ ಫಾಂಟ್ ಹೆಸರನ್ನು ಹೊಂದಬಹುದು:
p {
font-family: myWoffFont , ಜಿನೀವಾ, ಏರಿಯಲ್, ಹೆಲ್ವೆಟಿಕಾ, ಸಾನ್ಸ್-ಸೆರಿಫ್;
}
WOFF ಫಾಂಟ್ಗಳನ್ನು ಎಲ್ಲಿ ಪಡೆಯಬೇಕು
ವಾಣಿಜ್ಯ ಮತ್ತು ವಾಣಿಜ್ಯೇತರ ಬಳಕೆಗೆ ಉಚಿತವಾದ ಸಾಕಷ್ಟು WOFF ಫಾಂಟ್ಗಳನ್ನು ನೀವು ಕಾಣಬಹುದು ಎರಡು ದೊಡ್ಡ ಸ್ಥಳಗಳಿವೆ:
- ಓಪನ್ ಫಾಂಟ್ ಲೈಬ್ರರಿ
- ಫಾಂಟ್ ಅಳಿಲು
ಒಂದು WOFF ಸ್ವರೂಪದಲ್ಲಿ ಲಭ್ಯವಿಲ್ಲದ ಫಾಂಟ್ ಅನ್ನು ಬಳಸಲು ನೀವು ಪರವಾನಗಿ ಹೊಂದಿದ್ದರೆ, ನಿಮ್ಮ ಫಾಂಟ್ ಫೈಲ್ಗಳನ್ನು WOFF ಫೈಲ್ಗಳಾಗಿ ಪರಿವರ್ತಿಸಲು ಫಾಂಟ್ ಸ್ಕ್ವಿರಲ್ನಲ್ಲಿರುವಂತೆ ನೀವು WOFF ಸೃಷ್ಟಿಕರ್ತವನ್ನು ಬಳಸಬಹುದು. ನಿಮ್ಮ ಟ್ರೂಟೈಪ್ / ಓಪನ್ಟೈಪ್ ಫಾಂಟ್ಗಳನ್ನು WOFF ಗೆ ಪರಿವರ್ತಿಸಲು ನೀವು ಮ್ಯಾಕಿಂತೋಷ್ ಮತ್ತು ವಿಂಡೋಸ್ನಲ್ಲಿ ಬಳಸಬಹುದಾದ sfnt2woff ಎಂಬ ಆಜ್ಞಾ ಸಾಲಿನ ಪರಿಕರವೂ ಇದೆ.
ನಿಮ್ಮ ಸಿಸ್ಟಮ್ಗೆ ಸೂಕ್ತವಾದ ಬೈನರಿ ಅನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡಿ ಮತ್ತು ಆಜ್ಞಾ ಸಾಲಿನಲ್ಲಿ (ಅಥವಾ ಟರ್ಮಿನಲ್) ಓಡಿಸಿ ಮತ್ತು ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ.
WOFF ಉದಾಹರಣೆ
WOFF ಫೈಲ್ಗಳ ಕೆಲವು ಉದಾಹರಣೆಗಳು ಇಲ್ಲಿವೆ: 24 ಗಂಟೆಗಳಲ್ಲಿ HTML5 ನಲ್ಲಿ WOFF ಪುಟ.
ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ರಿಂದ ಮೂಲ ಲೇಖನ. 7/11/17 ರಂದು ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ರಿಂದ ಸಂಪಾದಿಸಲಾಗಿದೆ