border برای متن

[omidparkour]

سلام
من میخوام یه همچین border برا متن بزارم که تو تصویر میبینینhttp://up.i90.ir/uploads/1404031438.jpg
یه border سفید کم رنگ
چجوری میشه؟

[ab.ali]

http://css-tricks.com/adding-stroke-to-web-text/



توی این پست هم نحوه دادن Stroke به متن رو یاد داده و هم مات کردن Stroke که با text-shadow انجام داده است.

[omidparkour]

سلام
فهمیدم چجوریه
اینجوریه اما چرا یه کم برای فونت های فارسی نافرم هست stroke ؟؟
-webkit-text-stroke: 5px rgba(255, 255, 255, 0.3);

[omidparkour]

چرا اینقدر تیز هم هست؟؟؟
نوشتم دورش گرد باشه؟؟

[ab.ali]

شما از چه فونتی استفاده می کنید؟

[ab.ali]

این قسمت رو دقیق بخونید!
p.circular {
width: 200px;
height: 200px;
border-radius: 100px;

/* NOT REAL */
text-align: border-path;
} In Illustrator, we can also tell a stroke how to handle sharp corners: rounded, beveled, or mitered. These can have nice effects, are not possible on the web. However, the WebKit handling of corners is pretty nice at its default (whatever it is), and arguably nicer than any of the options in Illustrator.

یعنی توی طراحی وب توع courner ها به صورت گرد و ... غیر ممکنه.

[omidparkour]

پس نمیشه؟؟
خب اون مشکل که برای تک تک حروف stroke میزاره چی؟؟
یعنی این مشکل:http://up.i90.ir/uploads/1404012178.jpg

[ab.ali]

چی بگم؟ می دونید این کد ها اغلب برای خود فونت های انگلیسی طراحی می شن و به خاطر این که فونت های ما اصلاح شده نیستند و تکه تکه هستند این مشکلات پش می آد، با فونت های دیگه یک امتحان بکنید، ببینید مشکلی پیش می آد؟