@font-face வெப்ஃபாண்ட் உருவாக்கி
மாறுபட்ட எழுத்துருக்கள், WOFF2 மற்றும் CSS ஒரே கிளிக்கில்
உங்கள் TTF, OTF, WOFF அல்லது WOFF2 கோப்புகளை — மாறுபட்ட எழுத்துருக்களை உள்ளடக்கிய — இங்கு விடுங்கள், உங்கள் அமைப்புகளை தேர்ந்தெடுக்கவும், WOFF2, WOFF, முழுமையான stylesheet.css மற்றும் ஒரு நேரடி டெமோ பக்கம் கொண்ட தயாராக உள்ள தொகுப்பை பதிவிறக்கம் செய்யவும்.
எழுத்துருக்களை இங்கு விடுங்கள் அல்லது உலாவி செய்ய கிளிக் செய்யவும்
TTF, OTF, WOFF, WOFF2 மற்றும் மாறுபட்ட எழுத்துருக்கள் — பல கோப்புகள் அனுமதிக்கப்படுகின்றன
தேர்ந்தெடுக்கப்பட்ட எழுத்துருக்கள்
மாற்றம் அமைப்புகள்
இது நீங்கள் உங்கள் CSS இல் பயன்படுத்தும் பெயர், font-family: 'MyName'; போல. கோப்பில் உள்ள ஒவ்வொரு எழுத்துருவின் மூல குடும்பப் பெயரை வைத்திருக்க காலியாக விடுங்கள்.
வெப்ஃபாண்ட் ஏற்கனவே ஏற்றும்போது உரையை எவ்வாறு காட்டுவது என்பதை கட்டுப்படுத்துகிறது.
உருவாக்கப்பட்ட stylesheet இல் url(...) இல் பயன்படுத்தப்படும் பாதை.
குறிப்பு: உருவாக்க Ctrl+Enter அழுத்தவும்.
உங்கள் வெப்ஃபாண்ட் தொகுப்பு தயாராக உள்ளது
ZIP உள்ளடக்கங்கள்: மாற்றிய எழுத்துருக்கள், stylesheet.css மற்றும் ஒரு நேரடி demo.html.
100% கிளையன்ட்-பக்கம்
மாற்றம் முழுமையாக உங்கள் உலாவியில் WebAssembly ஐப் பயன்படுத்தி நடைபெறுகிறது. உங்கள் எழுத்துருக்கள் ஒருபோதும் பதிவேற்றப்படவில்லை.
மாறுபட்ட எழுத்துருக்கள் & அனைத்து வடிவங்கள்
TTF, OTF, WOFF மற்றும் WOFF2 உள்ள — WOFF2 வெளியே, முழுமையான மாறுபட்ட எழுத்துரு அச்சு ஆதரவு (wght, wdth, slnt, ital).
உற்பத்தி-தயாரான வெளியீடு
சரியான எழுத்துரு-காட்சி, விருப்ப உள்ளூர்() மற்றும் demo.html உடன் stylesheet.css ஐக் கப்பல் செய்யவும், எனவே நீங்கள் தொகுப்பை உங்கள் திட்டத்தில் நேரடியாக விடலாம்.
வெப்ஃபாண்ட் உருவாக்கி என்ன?
ஒரு வெப்ஃபாண்ட் உருவாக்கி டெஸ்க்டாப் அல்லது பதிவிறக்கம் செய்யப்பட்ட எழுத்துரு கோப்புகளை (TTF, OTF, WOFF, WOFF2 — மாறுபட்ட எழுத்துருக்களை உள்ளடக்கிய) இணையத்தில் ஏற்றக்கூடிய வடிவங்களில் மாற்றுகிறது — இன்று முதன்மையாக WOFF2, WOFF க்கான பாரம்பரிய மாற்றாக — மற்றும் நீங்கள் உங்கள் இணையதளத்தின் எழுத்துப்படத்தை சுய-விருந்தோம்பல் செய்ய @font-face அறிவிப்புகளை உருவாக்குகிறது.
என்ன காரணம் எழுத்துருக்களை சுய-விருந்தோம்பல் செய்ய வேண்டும்?
சுய-விருந்தோம்பல் செயல்திறன், தனியுரிமை மற்றும் நம்பகத்தன்மை மீது முழு கட்டுப்பாட்டை வழங்குகிறது. Google Fonts க்கு மூன்றாம் தரப்பின் கோரிக்கை இல்லை (GDPR க்கு உதவுகிறது), கூடுதல் DNS தேடல் இல்லை, நீங்கள் கோப்பைப் முன்னேற்றலாம், மற்றும் நீங்கள் உங்கள் தளத்துடன் எந்த எடைகள், பாணிகள் மற்றும் அச்சுகள் கப்பல் செய்ய வேண்டும் என்பதைக் குறிப்பிட்டீர்கள்.
மாற்றம் எவ்வாறு வேலை செய்கிறது
WOFF2 உங்கள் TTF/OTF வடிவங்களை இணையத்திற்கேற்ப வடிவமைக்கப்பட்ட Brotli-சுருக்கமான கொண்டெய்னரில் சுற்றி வைத்துள்ளது — பொதுவாக WOFF க்கும் 30% குறைவாகவும் மற்றும் கச்சா TTF க்கு 50% க்கும் அதிகமாகவும். WOFF என்பது மிகவும் பழைய zlib-சுருக்கமான.wrapper ஆகும், மிகவும் பழைய உலாவிகளுக்கான மாற்றமாக வைத்திருக்கப்படுகிறது. எங்கள் உருவாக்கி Google இன் அதிகாரப்பூர்வ WOFF2 குறியீட்டாளர் மற்றும் குறியாக்கத்தை WebAssembly க்கு தொகுத்து இயக்குகிறது, எனவே மாற்றம் உங்கள் உலாவியில் உள்ள உள்ளூர் முறையில் நடைபெறுகிறது. Google Fonts இலிருந்து நீங்கள் பதிவிறக்கம் செய்த WOFF2 ஐ விடுங்கள், அதை மீண்டும் TTF க்கு திருப்பி குறியாக்கிக்கிறோம் — நீங்கள் ஒருபோதும் மூல TTF ஐ தேட வேண்டாம்.
தொகுப்பில் நீங்கள் என்ன பெறுகிறீர்கள்
- ஒவ்வொரு பதிவேற்றப்பட்ட முகத்திற்கும் WOFF2 (மற்றும் விருப்பமாக WOFF/TTF) உள்ள எழுத்துருக்கள் — ஒரு சிறிய கோப்பாக வைத்துள்ள மாறுபட்ட எழுத்துருக்கள் உட்பட.
- ஒவ்வொரு @font-face விதிக்கு ஒரு @font-face விதி, சரியான format() குறிப்புகள், எழுத்துரு-எடை வரம்புகள், எழுத்துரு-பாணி, எழுத்துரு-அகலம், எழுத்துரு-காட்சி மற்றும் விருப்ப உள்ளூர்() உடன் முழுமையான stylesheet.css.
- ஒவ்வொரு எடை, பாணி மற்றும் அச்சை பல அளவுகளில் முன்னோட்டம் செய்ய நீங்கள் ஒரு demo.html பக்கம்.
- ஆஃப்லைன்-முதல் அல்லது ஒரே கோப்பு சூழ்நிலைகளுக்காக உங்கள் CSS இல் உள்ளே எழுத்துருவை கப்பல் செய்ய விருப்பமான Base64 உள்ளடக்கம்.
தனியுரிமை & உரிமம்
கோப்புகள் உங்கள் சாதனத்தை விட்டு வெளியே செல்லாது — அனைத்தும் உங்கள் உலாவியில் செயலாக்கப்படுகிறது. உங்கள் எழுத்துருவின் உரிமம் உங்கள் இணையதளத்தில் வெளியிடுவதற்கு முன்பு வெப்ஃபாண்ட் உள்ளடக்கம் அனுமதிக்கிறது என்பதை உறுதிப்படுத்துங்கள்.