حل شده روش وب فونت

[Hossein]

سلام دوباره آقا مجتبی یه روشی گفتن که میشد فونت ها رو توی سایت خاصی به وب فونت تبدیل کرد و روش خوبی بود ولی اون سایتی که معرفی کرد که فونت رو به وب فونت تبدیل کنیم انگار دیگه بالا نمیاد سایت دیگه ای نیست ؟ یا باید به روش جناب vng جلو بریم ؟

[محمد 82]

سلام
من تاحالا با وب فونت کار نکردم اما کافیه عبارت convert font to webfont یا convert font to webfont online رو سرچ کنید . سایت های زیادی میاره . 

[Hossein]

ممنون یه سواب دیگه... من الان دارم روش جناب vng رو تست میکنم اصلا کار نمیده ! خسته شدم از بس خروجی گرفتم
من اون قسمت که توی کد : "@font-face { font-family: 'نام فونت دلخواه'; src: url('fonts/نام فونت دلخواه.ttf'); format('truetype'); }
که باید نام فونتی که توی کانستراکت انتخاب میکنم رو بنویسم خب اونو کپی میکنم و توی قسمتی که باید نام فایلی که تو پوشه fonts بزاریم رو هم قرار میدم ولی باز کار نمیکنه باید چیکار کرد ؟

[Hossein]

کلن خیلی در هم بر هم شده من حتی فایل های تستی خود آموزش رو امتحان کردم نمیاره
بازی من هم چون رکوردی هست هیچ راهی نیست بجز همین وب فونت یا روش بالایی که هیچ کدوم کار نمده
والا من که دیگه عقلم به جایی قد نمیدع

[ᔕinaᗪehghani]

سلام
از روش آقا مجتبي پيش بريد فقط بجاي اون سايت ، به اين سايت سر بزنيد :

https://transfonter.org/

اگر احيانا موقعي نياز داشتيد كه فونت رو آفلاین به وب فونت تبديل كنيد اين كار رو بكنيد (يا اگر اين سايت هم از كار افتاد):
1- فونتي كه استفاده كرديد رو بايد به سه فرمت WOFF EOT SVG تبديل كنيد ... (نام هر سه فرمت رو به نام فونت تغيير بديد)
2- در نوت پد يا برنامه ي ويرايشگر متني اين كد رو بنويسيد (بجاي name_font اسم فونتتون رو قرار بديد):

@font-face {
font-family: 'name_font';
src: url('name_font.eot');
src: url('name_font.eot?#iefix') format('embedded-opentype'),
url('name_font.woff2') format('woff2'),
url('name_font.woff') format('woff'),
url('name_font.svg#name_font') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

و در آخر با فرمت css اين فايل رو ذخيره كنيد و تمام اين فايل ها رو توي كانس ايمپورت كنيد و بقيش دقيقا مثل همون روش آقا مجتبي است...
موفق باشيد...

[محمد 82]

من خودم از همون روش vng استفاده میکنم و کاملا سالمه . احتمالا شما یه جای کار خطا داشتید :
1- در ابتدای لیوت یه اونت بزنید که در شروع لیوت >>> فونت تکست بشه فلان فونت
2-از جایگذاری تکه کد در فایل index.html در جای مناسب اطمینان حاصل کنید . 
3-حواستون به تایپ حروف کوچک و بزرگ در نام فونت و همچنین پسوند اون باشه . 
این کار هارو انجام بدید شاید مشکلتون حل شد . این روش هیچ مشکلی نداره و قطعا مشکل از شماست . اخرین خروجی که با این روش گرفتم و کار کرد دی بود .

[Hossein]

چشم هم روش سینا جان و هم روش شما رو یک بار دیگه امتحان میکنم... انشالله که درست بشه
بازم از پاسخگویی تون ممنونم

[Hossein]

[quote="SinaDehghani" pid='57043' dateline='1614601217']
سلام
از روش آقا مجتبي پيش بريد فقط بجاي اون سايت ، به اين سايت سر بزنيد :

https://transfonter.org/

اگر احيانا موقعي نياز داشتيد كه فونت رو آفلاین به وب فونت تبديل كنيد اين كار رو بكنيد (يا اگر اين سايت هم از كار افتاد):
1- فونتي كه استفاده كرديد رو بايد به سه فرمت WOFF EOT SVG تبديل كنيد ... (نام هر سه فرمت رو به نام فونت تغيير بديد)
2- در نوت پد يا برنامه ي ويرايشگر متني اين كد رو بنويسيد (بجاي name_font اسم فونتتون رو قرار بديد):

@font-face {
font-family: 'name_font';
src: url('name_font.eot');
src: url('name_font.eot?#iefix') format('embedded-opentype'),
url('name_font.woff2') format('woff2'),
url('name_font.woff') format('woff'),
url('name_font.svg#name_font') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

و در آخر با فرمت css اين فايل رو ذخيره كنيد و تمام اين فايل ها رو توي كانس ايمپورت كنيد و بقيش دقيقا مثل همون روش آقا مجتبي است...
موفق باشيد...


**********************************************


به این چندتا عکس یه نگاهی بکنید ... البته من نمیتونم چیزی رو لینک کنم به خاطر همین لینک رو تایپ میکنم ... وقتی بخوام فونتی رو توی خود کانستراکت انتخاب کنم اسم فونت مورد نظرم اینه


***** Object moved *****



اما وقتی از بیرون بهش نگاه میکنم یه اسم دیگه به این تصویر دقت کنید ...



**** Object moved *****

من توی اون تیکه کد داخل فایل index.html کدوم اسم رو بنویسم ؟ اسم اون فایل فونت که توی پوشه fonts میزارم که مشخصه ولی این اسم اصلی فونت کدومه ؟

---

اصلا روش vng برای فونت انگلیسی کار میده ؟ چون تو آموزش ها از فونت فارسی استفاده شده بود

[ᔕinaᗪehghani]

سلام
از روش آقا مجتبي پيش بريد فقط بجاي اون سايت ، به اين سايت سر بزنيد :

https://transfonter.org/

اگر احيانا موقعي نياز داشتيد كه فونت رو آفلاین به وب فونت تبديل كنيد اين كار رو بكنيد (يا اگر اين سايت هم از كار افتاد):
1- فونتي كه استفاده كرديد رو بايد به سه فرمت WOFF EOT SVG تبديل كنيد ... (نام هر سه فرمت رو به نام فونت تغيير بديد)
2- در نوت پد يا برنامه ي ويرايشگر متني اين كد رو بنويسيد (بجاي name_font اسم فونتتون رو قرار بديد):

@font-face {
font-family: 'name_font';
src: url('name_font.eot');
src: url('name_font.eot?#iefix') format('embedded-opentype'),
url('name_font.woff2') format('woff2'),
url('name_font.woff') format('woff'),
url('name_font.svg#name_font') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

و در آخر با فرمت css اين فايل رو ذخيره كنيد و تمام اين فايل ها رو توي كانس ايمپورت كنيد و بقيش دقيقا مثل همون روش آقا مجتبي است...
موفق باشيد...


**********************************************


به این چندتا عکس یه نگاهی بکنید ... البته من نمیتونم چیزی رو لینک کنم به خاطر همین لینک رو تایپ میکنم ... وقتی بخوام فونتی رو توی خود کانستراکت انتخاب کنم اسم فونت مورد نظرم اینه


***** Object moved *****



اما وقتی از بیرون بهش نگاه میکنم یه اسم دیگه به این تصویر دقت کنید ...



**** Object moved *****

من توی اون تیکه کد داخل فایل index.html کدوم اسم رو بنویسم ؟ اسم اون فایل فونت که توی پوشه fonts میزارم که مشخصه ولی این اسم اصلی فونت کدومه ؟

---

اصلا روش vng برای فونت انگلیسی کار میده ؟ چون تو آموزش ها از فونت فارسی استفاده شده بود

مطمئن نيستم اما اسمي كه بيرون هست (خودتون تست كنيد!)

---

فرقي نداره چه فونت هاي انگليسي چه فارسي ...

[oak]

روش وب فونت جناب مجتبی روی کوردوا و اندروید جواب نمی ده. فقط برای nw.js و خروجی وب و html5
روش جناب vng برای اندروید جواب میده