سلام.
من توی پروژه ی خودم، فونت که قرارمیدم، نمیشناسه. فونت ها رو توی src قرارمیدم و font-face رو توی App.css و این فایل css رو توی App.js فراخوانی میکنم. اگر فونت یک متن انتخابی رو تغییر بدم، فونت پیش فرض react از بین میره ولی فونت من اعمال نمیشه.
میشه راهنمایی کنید؟ با چند نوع فونت امتحان کردم، نشد
سلام. اشتباه از نحوه ی آدرس دهی بود. آدرس دهی درست بود ها ولی نمیشناخت.
باید دقیقا مثل زیر باشه. بدون هیچ نقطه ای در پشت سر آدرس.
@font-face {
font-family:'IRANSans_LFN';
font-style: normal;
font-weight: 300;
src: url('/fonts/eot/IRANSansWeb(FaNum)_Light.eot');
src: local('IRANSans_LFN');
src: url('/fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('/fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
font-family: "IRANSans_LFN";
font-style: normal;
font-weight: 300;
src: url('../src/fonts/eot/IRANSansWeb(FaNum)_Light.eot');
src: local("IRANSans_LFN");
src: url('../src/fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('../src/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('../src/fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../src/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
وبا این کلاس ، فونت رو سعی دارم که به متن دلخواه اعمال کنم
.font-irs{
font-family: "IRANSans_LFN"!important;
}
این رو به این شکل بنویسید
@font-face {
font-family: "IRANSans_LFN";
font-style: normal;
font-weight: 300;
src: url('./../src/fonts/eot/IRANSansWeb(FaNum)_Light.eot');
src: local("IRANSans_LFN");
src: url('./../src/fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('./../src/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('./../src/fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('./../src/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
البته اگر بازم نشد ببینید دقیقا چه اروری میده
یا اصلا ارور میده
سلام. اشتباه از نحوه ی آدرس دهی بود. آدرس دهی درست بود ها ولی نمیشناخت.
باید دقیقا مثل زیر باشه. بدون هیچ نقطه ای در پشت سر آدرس.
@font-face {
font-family:'IRANSans_LFN';
font-style: normal;
font-weight: 300;
src: url('/fonts/eot/IRANSansWeb(FaNum)_Light.eot');
src: local('IRANSans_LFN');
src: url('/fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('/fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
سلام وقتتون بخیر بنده هم هر کاری انجام میدم فونت در وب اپلیکیشنم اعمال نمیشه
@font-face {
font-family: 'DotGothic16-Regular';
src: local('DotGothic16-Regular'),url('/src/DotGothic16-Regular.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
هیچ اروریم نداره و همه چی به نظر درست میرسه , فونت ها رو هم در پوشه src ریختم چون وقتی داخل public بود ارور میداد این فایل هم داخل index.js ایمپورت کردم و فایده ای نداشت
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟