یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
vfl
4 سال پیش توسط vfl مطرح شد
4 پاسخ

فونت دهی در html

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


ثبت پرسش جدید
مهدی شاه عباسیان
تخصص : برنامه نویس
@shahabbasian 4 سال پیش آپدیت شد
2

ابتدا باید فونت شما از نوع وب فونت باشه (پسوند woff)

و بعد در فایل CSS بالای همه کدها فونت رو اضافه میکنید:

@font-face {
  font-family: myFirstFont;
  src: url(webfont.woff);
}

و حالا اگر میخواهید به همه فونت های قالب اعمال بشه خط زیرو به CSS اضافه میکنید:

body {
  font-family: myFirstFont;
}

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

@font-face {
  font-family: 'myFirstFont';
  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 */
}

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

برای مبحث خط (font)
اینجا رو اگه نخوندید، بخونید:
https://css-tricks.ir/reference/font-face/

جلسه 34 تا 41 هم ببینید کمکتون می کنه:
https://roocket.ir/series/learn-css/episode/34


مهدی شاه عباسیان
تخصص : برنامه نویس
@shahabbasian 4 سال پیش آپدیت شد
2

ابتدا باید فونت شما از نوع وب فونت باشه (پسوند woff)

و بعد در فایل CSS بالای همه کدها فونت رو اضافه میکنید:

@font-face {
  font-family: myFirstFont;
  src: url(webfont.woff);
}

و حالا اگر میخواهید به همه فونت های قالب اعمال بشه خط زیرو به CSS اضافه میکنید:

body {
  font-family: myFirstFont;
}

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

@font-face {
  font-family: 'myFirstFont';
  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 */
}

vfl
تخصص : دارم برنامه نویسی رو یاد میگیر...
@vfl 4 سال پیش مطرح شد
0

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


علی
تخصص : اندروید، لاراول، لینوکس
@aliglzr 4 سال پیش مطرح شد
1

برای راحتی فایل css رو در کنار فایل های فونت قراردهید و آدرس دهی را در فایل css انجام دهید بعد در Html اون رو link کنید.


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

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