یک سوال ریز در مورد css

[rocki3oy]

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

.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}

که نتیجه اون در سایت زیر به صورت عکس زیر است.

لینک ها تنها برای اعضای سایت قابل نمایش است.

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

لینک ها تنها برای اعضای سایت قابل نمایش است.

ممنون میشم در این زمینه راهنمایی کنید و بفرمایید استفاده از این تکنیک به چه نامی معروف هست و چه فوایدی داره.

با تشکر از وقتی که برای پاسخ به سوالات من گذاشتید.

 

[hannanstd.ir]

دقیقا همین استایلی بود که گذاشتی یا اینکه فونت فمیلی هم تو استایلش بود؟

 

[.exe]

سلام ؛

بهش میگن فونت آیکون ، یکی از اونا Font Awesome که می تونی از اینجا دانلود کنی ، آموزش و مثال هم داره .

http://fontawesome.io/

تو نت بگردی آموزش فارسی هم هست .

پلاگین وردپرس هم زیاد داره یکیش اینه .

http://wordpress.org/plugins/wp-visual-icon-fonts/

مزایا هم حجم کم و سرعت لود بیشتر نسبت به عکس ، ویرایش (تغییر رنگ و ...) با خود سی اس اس و هر چقدر بزرگش کنی از کیفیتش کم نمیشه !