راکت

دو فونت برای یک پاراگراف

7 پاسخ

سلام
چجوری میشه برای یک متن که هم فارسی هست و هم لاتین از دوتا فونت استفاده کرده که مثلا فونت یک برای فارسی فونت دو برای لاتین.
البته نمیشه دستی داد این پاراگراف اطلاعاتشو از دیتا بیس می گیره.
مثال:

لورم ایپسوم متن ساختگی با تولید سادگی نامفهو o eiusmod tem et dolore magna aliqua از صنعت چاپ و با استفاده از طراحان por incididunt ut labore گرافیک است.

ثبت پرسش جدید

پاسخ‌ها

7
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

داخل css، اینجوری باید مقداردهی کنید:

body {
            font-family: Vazir, 'Open Sans', sans-serif;
}

دقت کنید که نام اول برای خط فارسی هستش و نام دوم برای خط انگلیسی. البته به شرطی که خط فارسی که استفاده می کنید، حروف انگلیسی رو شامل نشه این روش جواب میده کاملا.

malina
malina
@malinacortova

این دستور برای حالتی که من گفتم(تو یک جمله هم فارسی باشه هم لاتین) جواب میده؟حس میکنم این روش فقط اول بر می داره یعنی در مثال شما فقط فونت vazir اعمال میکنه

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

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

تحت شرایطی که گفتم، کاملا و دقیقا چیزی که خواستید رو برآورده می کنه.
خط وزیر رو دریافت کنید و پسوندهای Vazir-FD رو که شامل حروف انگلیسی نمیشه رو در فایل هاتون قرار بدین. بعدش هم خط انگلیسی تون رو اضافه کنید و به روش بالا مفداردهی کنید.

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

ی روش دیگه هم میشه، اول خط انگلیسی رو بیارید و سپس خط فارسی:

body {
            font-family: 'Open Sans', Vazir, sans-serif;
}

روش دوم هم جواب میده، ولی احتمالا اعداد انگلیسی باشن، اما خط ها درست هستند، هم فارسی پوشش داده میشه و هم انگلیسی.

حس و شهودتون رو بزارید کنار، اینایی که گفتم عملی پیاده کنید و نتیجه رو ببینید.
من به صورت عملی پیاده کردم و درست هستش.
مشکل داشتید بفرمایید.

malina
malina
@malinacortova

امتحان کردم هر کدوم اول گذاشتم اونو برداشت و اون یکی نا دیده گرفت.
من از فونت های IRANSansWeb برای فارسی و Roboto برای لاتین استفاده می کنم

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

اول از همه مطمئن بشید که خط ها رو بدرستی در فایل CSS وارد کردید (به کمک خصوصیت @font-face).
بعدش ببینید که خود خط ها دارن درست کار می کنند یا نه، یعنی اینکه وقتی font-family رو مقداردهی کردید، شکل خط عوض میشه یا نه.

اگر از این دو مرحله اطمینان پیدا کردین، کدهای css رو قرار بدین، ببینمشون.
من همین الان مجدد امتحان کردم، کاملا درست کار می کنه این روش.

body {
            font-family: Vazir, Roboto, sans-serif;
            font-weight: 400;
}
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

ازین نشانی هم میتونید خط وزیر رو دریافت کنید:
دریافت خط وزیر
نحوه ی استفاده: https://github.com/rastikerdar/vazir-font

فقط دقت کنید که برای استفاده ای که شما می خواید کنید، فایل های با پسوند Vazir-FD مفید هستش.

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

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