راکت

فونت خوب برای وب سایت

26 پاسخ

با سلام خدمت دوستان گرامی,
من یک سایت آموزشی ساخته ام ولی در فونتش موندم!
آیا شما فونت خوبی ( به جز ایران سنس و فونت های با سایز بزرگ) برای سایت ها می شناسید؟
البته این فونت باید روی css کار بکنه و با قابلیت font-family در css بتوانم اون فونت رو به وب سایتم بدهم.

<style>
body{
font-family:
}
</style> 

@Nima.nori
@alarus7
@endworld
@mohammadphp
اگر فونت خوبی می شناسید لطفا بگوو یید.
( درضمن کسی میدونه فونت خود راکت چی هست؟ )
ممنون میشم اگر کسی جواب بدهد.

صدرا
صدرا
@sadra.dev
ثبت پرسش جدید

پاسخ‌ها

26
محمد رستمی
محمد رستمی
@mohammadphp

تخصص: طراح و برنامه نویس وب

اگه با فونت راکت اوکیی که سایت اموزشیم هس : یکان بخ

صدرا
صدرا
@sadra.dev

تخصص: برنامه نویسی تحت وب

اونو که میدونم ولی نمیتونم بزارم
توی css چطوری قرار میگیره ؟ ( به انگلیسی )

شاید پاسخ شما همین‌جا باشد

.
.
@jwkwok

منم همون یکان رو پیشنهاد می کنم واقعا خوبه برای سایت فارسی

صدرا
صدرا
@sadra.dev

تخصص: برنامه نویسی تحت وب

توی css چطوری قرار میگیره ؟ گذاشتم نشد

صدرا
صدرا
@sadra.dev

تخصص: برنامه نویسی تحت وب

.
.
@jwkwok

نههههههههه این جوری نه
یا اینجوری فونت رو ایمپورت کن

@import url('https://v1.fontapi.ir/css/Yekan');

یا خودت فایلاشو دانلود کن و فونت فیس بساز (پیشنهاد نمی شه)
اینجوری هم استفاده کن

body{
font-family: 'Yekan', sans-serif;
}
صدرا
صدرا
@sadra.dev

تخصص: برنامه نویسی تحت وب

روش دوم که با css هست گفتی مشکلی ایجاد نمیکنه؟

.
.
@jwkwok

به هیچ عنوان روش اول همون روش دوم هست هست ولی خودش تمام فایل های مرود نیاز رو داره
مثال کد روش اول

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

شما باید اون فونت رو در تمامی فرمت های eot,woff2,ttf و... که دردسرش زیاده تازه نگهداری از اونها و url دهی به همشون سخت تر

.
.
@jwkwok

روش اول نیازی نیست چیزیو نصب کنیدا فقط کد رو کپی پیست کنید توی style.css تمام

صدرا
صدرا
@sadra.dev

تخصص: برنامه نویسی تحت وب

ممنون ازتون

رایموند
رایموند
@Raymond

تخصص: مختصص وردپرس - برنامه نویس لاراول

درود...
از فونت وزیر یا ایرانس سنس استفاده کنید.
برای سایتم از فونت وزیر استفاده کردم.
پیوند زیر:
https://orchiddev.ir/

hosein azimi
hosein azimi
@hossein.azeemi

تخصص: توسعه دهنده وب

سلام ،
iranSans , Dana , Farhang , Iran Yekan , Tanha

Mohammad
Mohammad
@Mohammad.Naderi85

فونت vazir خیلی فونت خوبیه

محمد حسین
محمد حسین
@saghari

تخصص: mevn stack

رایگان:
https://rastikerdar.github.io (وزیر و ساحل)
https://fontamin.com (استعداد و میخک)
https://irfont.ir
https://fonts.google.com/?subset=arabic
غیر رایگان:
https://fontiran.ir (ایران سنس، دانا، ایران یکان و...)
https://sfonts.ir

omid ebrahimi
omid ebrahimi
@omidebrahimi064

سلام و خسته نباشید
بنظرم فونت VAZIR خیلی خوبه.

محمد یزدان ملک محمدی
محمد یزدان ملک محمدی
@yazdanmmy46@yahoo.com

تخصص: برنامه نویس

کد Dana........

Ibo Kiani
Ibo Kiani
@abdoki7788

تخصص: Backend developer

فونت وزیر خوبه
اگه فونت راکت رو میخوای باید بخریش ، اسمش یکان بخ هست

ASPgo
ASPgo
@asp.gosk

تخصص: HTML، CSS، PHP و JS، طراح قالب و افزونه وردپرس، سئوکار و مقاله نویس

فونت وزیر فونت ساده و زیبایی هست و برای مطالعه خیلی مناسبه
فونت میخک هم ظاهر زیبایی داره اما زیاد جدی نیست و برای هر برندی مناسب نیست
فونت پیدا هم ظاهر و شکل و شمایل جالبی داره اما زیاد برای متن های عادی مناسب نیست میتونی 2تا فونت بریزی تو سایتت(مثلا وزیر و پیدا) بعد از فونت پیدا برای بعضی بخش ها مثل نوبار استفاده کنی(البته اگه از چند تا فونت به شکل همزمان استفاده کنی سرعت سایتت کاهش پیدا میکنه و اینکه فونت پیدا رایگان نیست و قیمتش از 39تومن شروع میشه)
فونت استعداد هم خیلی ظاهر جالبی داره. به نظر من یه چیزیه بین وزیر و میخک
 تصویر
برای استفاده ازشون باید اول فونت ها رو نصب کنی و بریزی تو یه فولدری تو هاست یا فولدر اصلی وبسایتت بعد به css معرفیش کنی و بعد با کد زیر به المنت های وبسایتت فونت رو بدی

body, a, p, strong, b, div, span, button, input, select, option, label, input:placeholder, i, em{
    font-family: 'font-name'; /* font name همون اسمیه که به css معرفیش کردی */
}

برای یادگیری نحوه قرار دادن فونت تو سایت از اموزش های زیر استفاده کن:
صفحه آموزش font-face تو w3schools برای یادگیری نحوه معرفی فونت به css
صفحه آموزش font-family تو w3schools برای یادگیری نحوه دادن فونت به المنت های سایت

i.m.ghasemi
i.m.ghasemi
@i.m.ghasemi

تخصص: در حال یادگیری

سلام ... توی دوره css راکت ؛ در خصوص پیاده سازی فونت یک آموزش هست
کلیک کن تا ببینی
به نظرم فونت های یکان و وزیر میتونن مناسب باشن برات
من خودم وزیر رو میپسندم

صدرا
صدرا
@sadra.dev

تخصص: برنامه نویسی تحت وب

خیلی ممنون از همه .
فونت وزیر رو آپلود کردم.

صفحه 1 از 2

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام