How can I use a special Font awesome character instead of the text parameter with `link($text, $url, $attributes)?
I tried the following code for the Contact us button, but it doesn't show the envelope symbol properly. Instead, it shows #xf0e0;.
{{ link('', 'base:contact', { 'class':['fa', 'fa-lg'] }) }}`
Is there any way to output that symbol without using the fa-envelope CSS class?
If you are really set on not using the class (and want to use the unicode char) just don't use link(), the $text parameter is escaped. Just build a link normally:
<a href="{{ path('contact.site_page') }}" class="contact-us-link"><i class="fa fa-lg"></i></a>
fa class sets FontAwesome for the element itself, only the :before pseudo-element.
Commented
Jul 25, 2016 at 20:01
The point of the FontAwesome selectors is that you do not need to print out the Unicode equivalent for the character. FontAwesome usually works by adding a pseudo element before or after the HTML element using the class.
In this case, use the fa fa-envelope classes and optionally add in a class to hide the text with a text-indent or something.
{{ link('Contact Us', 'base:contact', { 'class':['fa', 'fa-envelope', 'fa-lg', 'contact-us-link'] }) }}
'fa-envelope', in the above code? does it not work?
Commented
Jul 25, 2016 at 2:11
fa-envelope class. That is exactly how you are supposed to use FontAwesome. If you want to do /not/ use that class, then you have to reconstruct the CSS that is already written for you. It is completely duplicate code to not use that class.
Commented
Jul 25, 2016 at 14:30
but whatever i try i cant show "Envelope" character properlywhat exactly is properly? Does the character not show up at all? or???