سلام دوستان..
من همه ی سایت هارو گشتم ولی چیزی پیدا نکردم.
میخواستم بدونم چجوری فونت بدم به نوشته هام
مثلا من یه پوشه دارم توش فایلهام هست یدونه فونت فارسی هم هست
حالا من نمیدونم چجوری فونت رو به html لینک بدم ممنون میشم بگید
البته میخوام کل نوشته هام فونت بگیرن مثل گوگل فونتز
ابتدا باید فونت شما از نوع وب فونت باشه (پسوند 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 */
}
برای مبحث خط (font)
اینجا رو اگه نخوندید، بخونید:
https://css-tricks.ir/reference/font-face/
جلسه 34 تا 41 هم ببینید کمکتون می کنه:
https://roocket.ir/series/learn-css/episode/34
ابتدا باید فونت شما از نوع وب فونت باشه (پسوند 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 */
}
ممنون که جواب دادید برام درست شد فکر کنم باید .woff2 باشه....ولی
من این رو برای وبلاگم میخوام... باید این رو چجوری اپلود کنم و چجوری اصن باید لینک بدم؟
برای راحتی فایل css رو در کنار فایل های فونت قراردهید و آدرس دهی را در فایل css انجام دهید بعد در Html اون رو link کنید.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟