Danial

فونت‌های فارسی سایت را تغییر دهید ! و فونت‌ اضافه کنید !

20 پست در این موضوع قرار دارد

افزودن فونت‌های پارسی به نوشته و پوسته تنها با چند کلیک !

اگر دقت کرده‌باشید یکی از شیوه‌های زیباسازی نمای ظاهری وب‌سایت استفاده از فونت‌های مناسب و زیباست ! به همان نسبت که اهمیت دارد ٬ ۱۰ برابر

کار مشکل و وقت‌گیری‌ست ! از استاندارد‌سازی فونت‌ها تا یافتن کلاس‌های سی‌اس‌اس !

گاهی هم پیش‌امده که بخواهید کلماتی در نوشته را با فونتی خاص بنویس !

و گاهی نیز ..

با نصب و فعال‌سازی افزونه Persian Fonts تغییر فونت‌های نوشته و قالب به سادگی چند کلیک می‌شود !

چگونه ؟

افزودن منوی شیوه‌نامه به ویرایشگر متن : با فعال‌سازی این افزونه منوی فونت‌ها در ویرایشگر TinyMCE فعال می‌شود ! و شما می‌توانید برای نوشته‌ی خود از میان چندین فونت موجود

فونت موردنظر خود را گزینش کنید ! و یا برای هر کلمه فونت ویژه‌ای را انتخاب کنید !

فونت‌های استاندارد : تمامی فونت‌های موجود در افزونه فونت‌های اصلاح شده و متناسب وب هستند ؛

ویرایشگر دستی قالب : در بخش تنظیمات افزونه گزینه‌ای برای افزودن کلاس‌های سی‌اس‌اس قرار داده شده٬ به این ‌صورت که شما با استفاده دانش خود فونت‌های موجود در افزونه را در قالب

خود اعمال کنید !

عدم پیوند به بیرون : تمامی فونت‌ها و پرونده‌های افزونه درون فضای وب شما میزبانی می‌شوند و هیچ پیوندی به بیرون داده نمی‌شود !

عدم دستکاری قالب مدیریت : تمامی تغییراتی که شما در بخش ویرایشگر موجود در برگه تنظیمات افزونه می‌دهید مانند تغییر فونت‌های وب‌سایت ٬

بر پوسته‌ی مدیریت وردپرس بی‌تاثیر است !

Font-face : برای اجرا سازی فونت‌ها این افزونه از قابلیت Font-Face بهره می‌گیرد که با تمام مرورگرهای جدید سازگار است !

همچنین می‌توانید فونت‌های فارسی دلخواه خودتون رو اضافه کنید !!

اطلاعات بیشتر افزونه و دریافت افزونه :



http://codev.ir/pf.html

9

به اشتراک گذاری این پست


لینک به پست

البته نظر شخصي بنده استفاده از ژنراتور اقاي فخار ميباشد ديگه افزونه و... نميخواد

اين هم لينك:


http://mandegarweb.com/file/generator/farsi-font/

6

به اشتراک گذاری این پست


لینک به پست

کمی بیشتر امکانات رو مطالعه کنید

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

سلام Danial

من الان این افزونه رو نصب کردم، ولی چون آشنایی چندانی ندارم نمیدونم بایید بعد از نصب و فعالسازی چیکار کنم تا فونت ها عوض بشه، الان نوشته:

” برای بارگذاری فونت‌ها در هر بخش کافیست font-family: ‘FONT NAME’; را در فیلد زیر به کلاس/تگ سی‌اس‌اس خود بیافزاید”

من متوجه نمیشم یعنی چی؟ یکی میتونه توضیح بده؟ مرسی

خیلی خیلی نیاز دارم

البته نظر شخصي بنده استفاده از ژنراتور اقاي فخار ميباشد ديگه افزونه و... نميخواد

اين هم لينك:


http://mandegarweb.com/file/generator/farsi-font/

دوست عزیز این "نام کلاس مورد نظر را وارد کنید" یعنی چی؟ میشه راهنمایی کنید منظورش از کلاس مورد نظر چیه؟

"

ویرایش شده در توسط EMINENT
0

به اشتراک گذاری این پست


لینک به پست

طبق مراحل گفته شده برید(1.2.3)

کلاس هم میتونید دستی قرار دهید و جای فونت های پیشفرض قرار دهید

1

به اشتراک گذاری این پست


لینک به پست

سلام.

اقا دانیال من نصب کردم ولی جواب نمیده باید پلاگین tinymce هم نصب باشه حتما؟

اینجا

0

به اشتراک گذاری این پست


لینک به پست

جسارت خدمت دوستان نشه به نظرم اون ژنراتور وافزونه Persian Fonts فقط سر کاریه

من هر دوتای اینهارا امتحان کردم جواب نمیده

ارگ راهی داره حداقلش اینه یک راهنمایی درستی نمی کنندکه کاربرمشکلش حل بشه

0

به اشتراک گذاری این پست


لینک به پست

جسارت خدمت دوستان نشه به نظرم اون ژنراتور وافزونه Persian Fonts فقط سر کاریه

من هر دوتای اینهارا امتحان کردم جواب نمیده

ارگ راهی داره حداقلش اینه یک راهنمایی درستی نمی کنندکه کاربرمشکلش حل بشه

کد های که درسته.

یا شما از ژنراتور اشتباه استفاده میکنی یا از کد ها

یادآوری: باید فایل های فونت رو دانلود و در مسیر صحیح قرار بدیم.

راهنمایی هاش که دقیق بود :|

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

کد های که درسته.

یا شما از ژنراتور اشتباه استفاده میکنی یا از کد ها

یادآوری: باید فایل های فونت رو دانلود و در مسیر صحیح قرار بدیم.

راهنمایی هاش که دقیق بود :|

درمورد ژنراتور آقای فخار دقیقا آنچه توضیح داده من پیش رفتم تغییراتی درفونت سایت مشاهده نشددرماندگار وب هم براشون کامنت گذاشتم پاسخ ندادند!!

وقتی مسیری که گفتند پیش میریم وتغییراتی بوجود نمیادبه نظر شما نیاز است پاسخ بدهند یانه؟

درمورد افزونه من نصب کردم وقتی توسیستم خودم سایت رابازش میکنم درست نمایش میده ولی توسیستم دیگران فونت تاهما نمایش میده!!؟

ویرایش شده در توسط saeed313
0

به اشتراک گذاری این پست


لینک به پست

درمورد ژنراتور آقای فخار دقیقا آنچه توضیح داده من پیش رفتم تغییراتی درفونت سایت مشاهده نشددرماندگار وب هم براشون کامنت گذاشتم پاسخ ندادند!!

وقتی مسیری که گفتند پیش میریم وتغییراتی بوجود نمیادبه نظر شما نیاز است پاسخ بدهند یانه؟

درمورد افزونه من نصب کردم وقتی توسیستم خودم سایت رابازش میکنم درست نمایش میده ولی توسیستم دیگران فونت تاهما نمایش میده!!؟

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

در پایان F5 زدی؟

شاید افزونه از 'font-name' استفاده میکنه که فایر فاکس پشتیبانی نمیکنه و توی سیستم های مختلف مختلف نمایش میده...

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

در پایان F5 زدی؟

شاید افزونه از 'font-name' استفاده میکنه که فایر فاکس پشتیبانی نمیکنه و توی سیستم های مختلف مختلف نمایش میده...

من از طریق ژنراتور به شرح زیر انجام دادم

  1. درقسمت 1نوشتم farsifont
  2. پوشه ای در پوشه تم جایی که فایل استایل قالب هست درست کردم بنام fonts وهمه فونتها را ریختم توی این پوشه
  3. کد زیر که ژنراتور داده گذاشتم آخر فایل style.css قالب
  4. تمام فونت فامیلی در فایل style.css قالب را گذاشتم روی همین فونتی که از طریق ژنراتور انتخاب کردم

همین

فقط به نظرم میاد که تو کدهای زیر باید ادرس دهی کنم که راستش نمیدونم چطور ادرس بدم

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

اگر روال درست رفتم تو ادرس دهی کمک کنید تا کارم راه بیفته

متشکرم


@font-face {
font-family: 'BKoodakBold';
src:url('fonts/BKoodakBold.eot');
src:local('☺'),
url('fonts/BKoodakBold.ttf') format('truetype'),
url('fonts/BKoodakBold.woff') format('woff');
}
.farsifont {
font-family: 'BKoodakBold';
font-size: 12px;
color:#100100;
text-shadow:3px 3px 5px rgba(0, 0, 0, .5)
}

ضمنا افزونه ای که نام بردم پاک کردم اگر از طریق کد انجام بشه بهتره اگر نشد میرم سراغ افزونه

ویرایش شده در توسط saeed313
0

به اشتراک گذاری این پست


لینک به پست

در قسمت یک که نوشتی farsifont فقط نوشته هایی اون فونت رو میگیرن که کلاس farsifont رو داشته باشن

مثال:

<p class="farsifont">این متن با تغییرات دلخواه شما نمایش داده میشود</p>

اگر هم باز هم نشد آدرس آنلاین رو بذار تا بیشتر کار کنیم روش

(اگر هم نتونستی با آیدی یاهوم تماس بگیر تا راهنمایی بیشتر بکنم)

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در قسمت یک که نوشتی farsifont فقط نوشته هایی اون فونت رو میگیرن که کلاس farsifont رو داشته باشن

مثال:

<p class="farsifont">این متن با تغییرات دلخواه شما نمایش داده میشود</p>

اگر هم باز هم نشد آدرس آنلاین رو بذار تا بیشتر کار کنیم روش

(اگر هم نتونستی با آیدی یاهوم تماس بگیر تا راهنمایی بیشتر بکنم)

خوب الان ظاهر ا درست شده موقتا فونت دستنویس گذاشتم (البته بعضی از فرم های سایت از تنظیم خارج شده)با سیستم دیگه ای چک کردم درست نمایش میده

اگر امکانش هست شماهم یک سری بزنید ببینم برای شماهم درست نمایش میده یانه؟

فقط مشکل اصلی اینه که فونت انتخابی در فایرفاکس واینترنت اکسپلورر درست نمایش میده ولی با گوگل کروم نمایش نمیده باید چکار کنم؟

انلاین

ویرایش شده در توسط saeed313
0

به اشتراک گذاری این پست


لینک به پست

برای من که با گوگل کرومم درست نمایش میده

(فقط اینکه 4 بار پشت سر هم Bhoma تکرار شده که جلوه ی جالبی نداره ، یکیش هم بسه)

font-family: BHoma, BHoma, BHoma, BHoma;

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

برای من که با گوگل کرومم درست نمایش میده

(فقط اینکه 4 بار پشت سر هم Bhoma تکرار شده که جلوه ی جالبی نداره ، یکیش هم بسه)

font-family: BHoma, BHoma, BHoma, BHoma;

درسته وقت نکردم اضافی ها را پاک کنم

من توسیستم یکی از آشناها تست کردم با گوگل کروم نمایش نمیداد!

خیلی ممنون لطف کردید

ویرایش شده در توسط saeed313
1

به اشتراک گذاری این پست


لینک به پست

شما قبلا گفته بودین که "آدرس ها رو درست وارد کردی؟"منظورتون از وارد کردن ادرس کجاست و چجوری باید ادرس دهی کرد تا پوشه فونت فراخوانی بشه؟

0

به اشتراک گذاری این پست


لینک به پست

شما قبلا گفته بودین که "آدرس ها رو درست وارد کردی؟"منظورتون از وارد کردن ادرس کجاست و چجوری باید ادرس دهی کرد تا پوشه فونت فراخوانی بشه؟

سلام دوباره ،

یعنی مثلاً گاهی اوقات ممکنه که شما توی پوشه ی font/BYekan.wtf ریخته باشی ممکنه توی fonts/BYekan.wtf ریخته باشی ، این خیلی مهمه + فونت دهی با ' توی مرورگر فایرفاکس دچار مشکل میشه...

یه سری جزئیات که باید دقّت کرد مثل همینا...

0

به اشتراک گذاری این پست


لینک به پست

سلام دوباره ،

یعنی مثلاً گاهی اوقات ممکنه که شما توی پوشه ی font/BYekan.wtf ریخته باشی ممکنه توی fonts/BYekan.wtf ریخته باشی ، این خیلی مهمه + فونت دهی با ' توی مرورگر فایرفاکس دچار مشکل میشه...

یه سری جزئیات که باید دقّت کرد مثل همینا...

سلام

من درست متوجه نشدم یعنی الان که من یک پوشه توی هاست بنام fontsدارم وفونتها داخلش ریختم چطور باید آدرس دهی کنم اصلا نیازی هست؟

توکدی که ژنراتور میده چندتاurlداره اونجا باید چیزی نوشته بشه؟

0

به اشتراک گذاری این پست


لینک به پست

سلام

من درست متوجه نشدم یعنی الان که من یک پوشه توی هاست بنام fontsدارم وفونتها داخلش ریختم چطور باید آدرس دهی کنم اصلا نیازی هست؟

توکدی که ژنراتور میده چندتاurlداره اونجا باید چیزی نوشته بشه؟

خب الآن که سایتت فونت دار شده

یعنی مثلاً اگه یه وقتی فونت ها رو به جای پوشه ی fonts ریختی توی یه پوشه ی دیگه باید حواست باشه که لینک های زیر رو تغییر بدی:


@font-face { font-family: 'BYekan'; src:url('fonts/BYekan.eot'); src:local('☺'), url('fonts/BYekan.ttf') format('truetype'), url('fonts/BYekan.woff') format('woff'); }

درضمن بالا فرمت فونت رو اشتباه نوشتم که عذر میخوام :D

2

به اشتراک گذاری این پست


لینک به پست

سلام دوستان

من افزونه persian font نصب کردم حالا می خوام فونت و سایز عنوان پست هام تغییر بدم به کودک .ممنون میشم راهنمایی بفرمایید که چه کار کنم؟ ببخشید من تازه واردم

0

به اشتراک گذاری این پست


لینک به پست

  • مطالب مشابه

    • توسط hamidhtc
      سلام دوستان
      چطور میتونم فونت کل سایت رو تغییر بدم؟
      تو تنظیمات گودنیوز از قسمت تایپوگرافی هرچی فونت بود رو گذاشتم رو ایران سنس ولی هنوز خیلی از قسمتای سایتم فونتش تغییر نکرده یه نگاه میندازید :
      http://nabzebourse.com

       
    • توسط sndroid
      سلام
      من یه سایت دو زبانه فارسی و انگلیسی دارم که میخوام برای هر زبان یک فونت خاص داشته باشم برای همین اومدم برای فونت فارسی در پوشه فونت؛ فونت وزیر را اضافه کردم و کدهای مربوط به فونت را در فایل style.css ریختم که کدش رو در زیر گذاشتم و برای تغییر فونت در هر زبان هم کد زیر رو به additional css قالبم اضافه کردم.
      اما مشکل اینجاست فونت فارسی در فایرفکس و اینترنت اکسپلور عوض میشه ولی داخل کروم عوض نمیشه؟ لطفاً راهنمایی کنید که مشکلم از کجاست. لطفاً کامل توضیح بدید چون من تازه کارم و خیلی وارد نیستم با تشکر.
      این کد رو آخر فایل htaccess گذاشتم
      # BEGIN REQUIRED FOR WEBFONTS AddType font/ttf .ttf AddType font/eot .eot AddType font/otf .otf AddType font/woff .woff <FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> # END REQUIRED FOR WEBFONTS این کد رو در style گذاشتم:
      @font-face { font-family: 'Vazir'; src: url('fonts/Vazir.eot'); src: url('fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('fonts/Vazir.woff2') format('woff2'), url('fonts/Vazir.woff') format('woff'), url('fonts/Vazir.ttf') format('truetype'); font-weight: normal; } این کد رو هم به قسمت به add css قالب
      .module.right:lang(en), .module-group.right:lang(en) { float:right; font-family: Open Sans !important; letter-spacing: 0px !important; } .module.right:lang(fa), .module-group.right:lang(fa) { float:right; font-family: Vazir !important; letter-spacing: 0px !important; } div:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } div:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; font-weight:lighter ; line-height:25px; margin-bottom:10px; } input:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; direction:ltr; } input:lang(fa-IR) { font-family: Vazir !important; letter-spacing: 0px !important; direction:rtl; } .nav-container:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } .nav-container:lang(fa-IR) { font-family: Vazir !important; letter-spacing: 0px !important; } p:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } p:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; font-weight:lighter ; line-height:40px; margin-bottom:20px; } .grve-testimonial-content:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } .grve-testimonial-content:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; } a:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } a:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; } h3:lang(en),h2:lang(en),h1:lang(en),h4:lang(en),h5:lang(en),h6:lang(en),h7:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } h3:lang(fa), h2:lang(fa),h1:lang(fa), h4:lang(fa),h5:lang(fa), h6:lang(fa),h7:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; } h1:lang(en), .grve-h1:lang(en), #grve-theme-wrapper:lang(en) .grve-modal:lang(en) .grve-search:lang(en) input[type='text']:lang(en), .grve-dropcap:lang(en) span:lang(en), p.grve-dropcap:lang(en):first-letter { font-family: Open Sans !important; letter-spacing: 0px !important; } h1:lang(fa), .grve-h1:lang(fa), #grve-theme-wrapper:lang(fa) .grve-modal:lang(fa) .grve-search:lang(fa) input[type='text']:lang(fa), .grve-dropcap:lang(fa) span:lang(fa), p.grve-dropcap:lang(fa):first-letter { font-family: Vazir !important; letter-spacing: 0px !important; } .showcase-single :lang(en) .zoom-line:lang(en) .zoom-line-caption-inner:lang(en) .zoom-line-title-inner:lang(en) { letter-spacing: 0px !important; } .showcase-single :lang(fa) .zoom-line:lang(fa) .zoom-line-caption-inner:lang(fa) .zoom-line-title-inner:lang(fa) { letter-spacing: 0px !important; } body:lang(en) { letter-spacing: 0px !important; } body:lang(fa) { letter-spacing: 0px !important; } span:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } span:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; font-weight: bold ; }  
    • توسط miraziz
      سلام. دوستان این یک تاپیک آموزشی است.

      فرض کنید شما در قالبتان برای عنوان و محتوای پست‌ها از فونت یکان استفاده می‌کنید. و حالا می‌خواهید همین فونت را در ویرایشگر گوتنبرگ نیز داشته باشید. برای اینکار کد‌های زیر را به توابع قالب فعالتان (فایل function.php) اضافه کنید.
      function paul_guten_block_editor_assets() { wp_enqueue_style( 'paul-editor-style', get_stylesheet_directory_uri() . "/editor.css", array(), '1.0' ); } add_action('enqueue_block_editor_assets', 'paul_guten_block_editor_assets'); حالا باید در پوشه‌ی قالبتان یک فایل با نام editor.css ایجاد کنید و کدهای زیر را درون آن بریزید.
      @font-face { font-family: 'yekan'; src: url('font/yekan/yekan.eot?#') format('eot'), url('font/yekan/yekan.woff') format('woff'), url('font/yekan/yekan.ttf') format('truetype'); } .editor-post-title__block .editor-post-title__input, .edit-post-visual-editor, .edit-post-visual-editor p { font-family: yekan; } .editor-post-title__block .editor-post-title__input { font-size: 42px; font-weight: 400; line-height: 50px; text-align: center; } .edit-post-visual-editor, .edit-post-visual-editor p, .editor-rich-text__tinymce.mce-content-body { font-size: 20px; line-height: 30px; } با لذت از فونت دلخواهتان استفاده کنید. البته نمی دونم که این روش برای ویرایشگر کلاسیک وردپرس (همان wysiwyg editor) جواب می‌دهد یا نه. اگر از دوستان کسی امتحانش کرد تو تاپیک اطلاع بده. ممنون
      این مطلب برداشته شده از یک وبلاگ انگلیسی است که به احترام نویسنده‌ی آن لینک منبع را قرار دادم.
      How do you change the Gutenberg editor’s default font
    • توسط MoReNu
      با سلام
      بنده قالب IMNews رو در این جا نصب کردم skypia.ir
      ممنون می شم راهنماییم کنید که فونت تاهومای متون داخل پست رو چطوری به فونت عنوان که فکر کنم یکان هست و به اندازه همان فونت تغییر بدم و سایز عنوان رو هم مقداری بیشتر کنم.
      تشکر
    • توسط masoudmosleh267
      سلام دوستان من میخوام فونت فارسی ایران سنس رو به قالبم معرفی کنم هر کاری میکنم فونت اجرا نمیشه.