ورود

**TYphon** · 95-4-5، 05:07 عصر

سلام, وقتتون بخیر

من میخوام که توی سندم از فونت فیس استفاده کنم, اما وقتی که فونت ها رو آپلود می کنم می بینم که اجرا نمیشن!

مثلا امروز خواستم از icomoon استفاده کنم, بصورت آفلاین کار می کرد, اما بصورت آنلاین (بعد از اینکه فونت ها رو آپلود کردم) دیدم کار نمی کنه!

ممنون میشم در این زمینه منو راهنمایی کنید

کد: 

@font-face {

  font-family: 'icomoon';

  src: url("http://s1.geeko.ir/up/Geeko/geeko/theme/icoomonfonts/icomoon.eot?srf3rx");

  src: url("http://s1.geeko.ir/up/Geeko/geeko/theme/icoomonfonts/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("http://s1.geeko.ir/up/Geeko/geeko/theme/icoomonfonts/icomoon.ttf?srf3rx") format("truetype"), url("http://s1.geeko.ir/up/Geeko/geeko/theme/icoomonfonts/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");

  font-weight: normal;

  font-style: normal;

}

**HSG** · 95-4-5، 06:10 عصر

سلام
در کد بالا ظاهرا‌ آدرس فرمت svg فونت رو کامل ننوشتید.
بعدش بهتره کد زیر هم در فایل htaccess. خودتون (جایی که فایل htaccess. بتونه روی فایل های فونت دستورات رو اعمال کنه) اضافه کنید:

کد: 

<FilesMatch "\.(ttf|otf|eot)$">

<IfModule mod_headers.c>

Header set Access-Control-Allow-Origin "*"

</IfModule>

</FilesMatch>

**TYphon** · 95-4-6، 08:59 عصر

(95-4-5، 06:10 عصر)HSG نوشته است: سلام
در کد بالا ظاهرا‌ آدرس فرمت svg فونت رو کامل ننوشتید.
بعدش بهتره کد زیر هم در فایل htaccess. خودتون (جایی که فایل htaccess. بتونه روی فایل های فونت دستورات رو اعمال کنه) اضافه کنید:

کد:

<FilesMatch "\.(ttf|otf|eot)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>

خیلی ممنون آقا حسین ولی مشکلم حل نشد, کلا فونتی که خودم آپلود کردم رو نمیتونم بهش اضافه کنم, بعدش من فضای شخصی ندارم

**HSG** · 95-4-6، 10:16 عصر

(95-4-6، 08:59 عصر)Persian Geek نوشته است: خیلی ممنون آقا حسین ولی مشکلم حل نشد, کلا فونتی که خودم آپلود کردم رو نمیتونم بهش اضافه کنم, بعدش من فضای شخصی ندارم

لینک فونت هاتون که مستقیم هست اما اینکه چرا لود نمیشه بر میگرده به همون کدی که گفتم بذارید تو فایل htaccess. که شما هم ظاهرا فضای شخصی ندارید و به چنین فایلی دسترسی ندارید.
کروم رو نمی دونم اما فایرفاکس اینطوریه که اگه فونتی رو با پروتکل http از سایت دیگه ای لود کنید چک میکنه که اگر اون سایت با ارائه سرایند Access-Control-Allow-Origin برای فایل هر فونت اجازه داده باشه فونت رو لود میکنه در غیر این صورت نمیذاره فونت لود بشه.

تا اون جایی که من می دونم IcoMoon یه فونت آیکن مثل FontAwesome هستش با این تفاوت که FontAwesome رایگانه اما IcoMoon پولیه.
پیشنهاد میکنم اگر برای آیکن می خواین از FontAwesome استفاده کنید که نیازی به آپلود فونت هم نداره فقط کد زیر رو در تگ <head> قالبتون بذارید می تونید از آیکن هاش استفاده کنید:

کد: 

<link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css">

اینم لیست آیکن هاش: http://fontawesome.io/icons

**TYphon**

(95-4-6، 10:16 عصر)HSG نوشته است:
(95-4-6، 08:59 عصر)Persian Geek نوشته است: خیلی ممنون آقا حسین ولی مشکلم حل نشد, کلا فونتی که خودم آپلود کردم رو نمیتونم بهش اضافه کنم, بعدش من فضای شخصی ندارم

لینک فونت هاتون که مستقیم هست اما اینکه چرا لود نمیشه بر میگرده به همون کدی که گفتم بذارید تو فایل htaccess. که شما هم ظاهرا فضای شخصی ندارید و به چنین فایلی دسترسی ندارید.
کروم رو نمی دونم اما فایرفاکس اینطوریه که اگه فونتی رو با پروتکل http از سایت دیگه ای لود کنید چک میکنه که اگر اون سایت با ارائه سرایند Access-Control-Allow-Origin برای فایل هر فونت اجازه داده باشه فونت رو لود میکنه در غیر این صورت نمیذاره فونت لود بشه.

تا اون جایی که من می دونم IcoMoon یه فونت آیکن مثل FontAwesome هستش با این تفاوت که FontAwesome رایگانه اما IcoMoon پولیه.
پیشنهاد میکنم اگر برای آیکن می خواین از FontAwesome استفاده کنید که نیازی به آپلود فونت هم نداره فقط کد زیر رو در تگ <head> قالبتون بذارید می تونید از آیکن هاش استفاده کنید:

کد:

<link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css">

اینم لیست آیکن هاش: http://fontawesome.io/icons

با هر دوشون کار کردم, استفاده از icomoon یکم پیچیده تر -شاید- باشه ولی ارزشش رو داره, از هر چیزی حداقل 3-4 تا آیکون داره
میشه از بقیه ی فونت آیکون ها مثله FontAwesome در icomoon استفاده کرد که نیاز به خرید حساب پرمیوم داره, اما آیکون های خودش رایگانه..

خیلی ممنون

**TYphon** · 95-4-7، 10:54 عصر

یه راه حل پیدا کردم

http://app.fontastic.me

**اندیشه** · 95-6-14، 10:45 صبح

گاهی تو فایل آپلودی font awesome مشکل هست!

**TYphon** · 95-6-14، 09:04 عصر

(95-6-14، 10:45 صبح).اندیشه نوشته است: گاهی تو فایل آپلودی font awesome مشکل هست!

مشکل من با Font Awesome نیست, با Icomoon هست
نیازی هم نیست فونت های fontawesome رو آپلود کنید, خودش بهتون لینک فایل های آپلود شده رو میده

**Aria.021** · 95-6-14، 09:32 عصر

توجه کنید فونتتون باید توی آدرسش آخرش فرمت باشه
مثلا IranSANS.ttf

مثل این لینک:
http://awebfont.ir/css?id=1723&mode=eto

**TYphon** · 95-6-14، 09:45 عصر

(95-6-14، 09:32 عصر)Aria.021 نوشته است: توجه کنید فونتتون باید توی آدرسش آخرش فرمت باشه
مثلا IranSANS.ttf

مثل این لینک:
http://awebfont.ir/css?id=1723&mode=eto

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

الان از آیکون فونت متریال دیزاین +آیکون های SVG استفاده میکنم

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به خاطر بسپار

بک لینک