malina
5 سال پیش توسط malina مطرح شد
7 پاسخ

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

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

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


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

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

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

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


malina
@malinacortova 5 سال پیش مطرح شد
0

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش آپدیت شد
0

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

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

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

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

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


malina
@malinacortova 5 سال پیش مطرح شد
0

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش آپدیت شد
0

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

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

body {
            font-family: Vazir, Roboto, sans-serif;
            font-weight: 400;
}

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

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

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


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

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