How to control font-weight with font-awesomeChange font-weight of FontAwesome icons?How to horizontally center a <div>?How to disable text selection highlightingHow to disable resizable property of textarea?Use Font Awesome Icons in CSSChange font-weight of FontAwesome icons?changing font size in font awesome iconsFont awesome icon in placeholder not showing up unless font weight set to 600Can't get Font Awesome light icon to show in placeholder with Pro LicenseCSS Content with a Font Awesome light icon
Might have gotten a coworker sick, should I address this?
Where does the expression "triple-A" come from?
Leaving out pronouns in informal conversation
Fight a biblical flood apart from building barriers
Are scroll bars dead in 2019?
Linear Programming with additional "if-then"/"Default to zero" constraints?
What is my breathable atmosphere composed of?
Relocation error, error code (127) after last updates
Have there been any countries that voted themselves out of existence?
Is there a real-world mythological counterpart to WoW's "kill your gods for power" theme?
Confirm the ending of a string
Is low emotional intelligence associated with right-wing and prejudiced attitudes?
How to work with a technician hired with a grant who argues everything
Telling my mother that I have anorexia without panicking her
Where can I find vomiting people?
Where to disclose a zero day vulnerability
The Planck constant for mathematicians
Double it your way
In Germany, how can I maximize the impact of my charitable donations?
What is a realistic time needed to get a properly trained army?
What did Aquinas do for recreation?
Is there an inconsistency about Natasha Romanoff's middle name in the MCU?
Uncovering the Accelerated Dragon opening
What was the relationship between Einstein and Minkowski?
How to control font-weight with font-awesome
Change font-weight of FontAwesome icons?How to horizontally center a <div>?How to disable text selection highlightingHow to disable resizable property of textarea?Use Font Awesome Icons in CSSChange font-weight of FontAwesome icons?changing font size in font awesome iconsFont awesome icon in placeholder not showing up unless font weight set to 600Can't get Font Awesome light icon to show in placeholder with Pro LicenseCSS Content with a Font Awesome light icon
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I want to change the weight of my font-awesome font (I'm using version 5, but not the Pro version), and for some reason I can't do it.
I already tried:
.icon
font-size: 1.5rem;
-webkit-text-stroke: 2px white;
-webkit-text-stroke-width: 0%
Is there any way to get the "light" version of the icons without paying the Pro version?
This:
Change font-weight of FontAwesome icons?
Don't solve the problem.
Thanks.
css font-awesome
asked Mar 28 at 10:06
OrAssayagOrAssayag
1643 silver badges16 bronze badges
add a comment
|
I want to change the weight of my font-awesome font (I'm using version 5, but not the Pro version), and for some reason I can't do it.
I already tried:
.icon
font-size: 1.5rem;
-webkit-text-stroke: 2px white;
-webkit-text-stroke-width: 0%
Is there any way to get the "light" version of the icons without paying the Pro version?
This:
Change font-weight of FontAwesome icons?
Don't solve the problem.
Thanks.
css font-awesome
asked Mar 28 at 10:06
OrAssayagOrAssayag
1643 silver badges16 bronze badges
1
There is only one weight for the font-awesome fonts so you cannot alter them. The only way would be to use the SVG + JS version or the SVG sprites. See fontawesome.com/how-to-use
– Jake
Mar 28 at 10:13
Possible duplicate of Change font-weight of FontAwesome icons?
– Sebastian Brosch
Mar 28 at 11:24
add a comment
|
I want to change the weight of my font-awesome font (I'm using version 5, but not the Pro version), and for some reason I can't do it.
I already tried:
.icon
font-size: 1.5rem;
-webkit-text-stroke: 2px white;
-webkit-text-stroke-width: 0%
Is there any way to get the "light" version of the icons without paying the Pro version?
This:
Change font-weight of FontAwesome icons?
Don't solve the problem.
Thanks.
css font-awesome
asked Mar 28 at 10:06
OrAssayagOrAssayag
1643 silver badges16 bronze badges
I want to change the weight of my font-awesome font (I'm using version 5, but not the Pro version), and for some reason I can't do it.
I already tried:
.icon
font-size: 1.5rem;
-webkit-text-stroke: 2px white;
-webkit-text-stroke-width: 0%
Is there any way to get the "light" version of the icons without paying the Pro version?
This:
Change font-weight of FontAwesome icons?
Don't solve the problem.
Thanks.
css font-awesome
css font-awesome
asked Mar 28 at 10:06
OrAssayagOrAssayag
1643 silver badges16 bronze badges
asked Mar 28 at 10:06
OrAssayagOrAssayag
1643 silver badges16 bronze badges
edited Mar 28 at 12:42
OrAssayag
asked Mar 28 at 10:06
OrAssayagOrAssayag
1643 silver badges16 bronze badges
asked Mar 28 at 10:06
OrAssayagOrAssayag
1643 silver badges16 bronze badges
asked Mar 28 at 10:06
OrAssayagOrAssayag
1643 silver badges16 bronze badges
1643 silver badges16 bronze badges
1
There is only one weight for the font-awesome fonts so you cannot alter them. The only way would be to use the SVG + JS version or the SVG sprites. See fontawesome.com/how-to-use
– Jake
Mar 28 at 10:13
Possible duplicate of Change font-weight of FontAwesome icons?
– Sebastian Brosch
Mar 28 at 11:24
add a comment
|
1
There is only one weight for the font-awesome fonts so you cannot alter them. The only way would be to use the SVG + JS version or the SVG sprites. See fontawesome.com/how-to-use
– Jake
Mar 28 at 10:13
Possible duplicate of Change font-weight of FontAwesome icons?
– Sebastian Brosch
Mar 28 at 11:24
1
1
There is only one weight for the font-awesome fonts so you cannot alter them. The only way would be to use the SVG + JS version or the SVG sprites. See fontawesome.com/how-to-use
– Jake
Mar 28 at 10:13
There is only one weight for the font-awesome fonts so you cannot alter them. The only way would be to use the SVG + JS version or the SVG sprites. See fontawesome.com/how-to-use
– Jake
Mar 28 at 10:13
Possible duplicate of Change font-weight of FontAwesome icons?
– Sebastian Brosch
Mar 28 at 11:24
Possible duplicate of Change font-weight of FontAwesome icons?
– Sebastian Brosch
Mar 28 at 11:24
add a comment
|
1 Answer
1
active
oldest
votes
The website states that solid fonts have font-weight of 900 and brands fonts have font-weight of 400 you don't have any control over font-weight.
Font Awesome - getting started
edited Mar 28 at 10:49
Daut
1,4751 gold badge12 silver badges26 bronze badges
answered Mar 28 at 10:19
Taj KhanTaj Khan
3804 silver badges16 bronze badges
font awesome 5 does not allow it
– Taj Khan
Mar 28 at 10:32
even if you change it wont have any effect
– Taj Khan
Mar 28 at 10:32
It doesn't work
– OrAssayag
Mar 28 at 12:42
thats what i am saying it's not allowed and it wont work.. you have look for another font icons which provides that version
– Taj Khan
Mar 28 at 12:51
add a comment
|
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/4.0/"u003ecc by-sa 4.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55394868%2fhow-to-control-font-weight-with-font-awesome%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The website states that solid fonts have font-weight of 900 and brands fonts have font-weight of 400 you don't have any control over font-weight.
Font Awesome - getting started
edited Mar 28 at 10:49
Daut
1,4751 gold badge12 silver badges26 bronze badges
answered Mar 28 at 10:19
Taj KhanTaj Khan
3804 silver badges16 bronze badges
font awesome 5 does not allow it
– Taj Khan
Mar 28 at 10:32
even if you change it wont have any effect
– Taj Khan
Mar 28 at 10:32
It doesn't work
– OrAssayag
Mar 28 at 12:42
thats what i am saying it's not allowed and it wont work.. you have look for another font icons which provides that version
– Taj Khan
Mar 28 at 12:51
add a comment
|
The website states that solid fonts have font-weight of 900 and brands fonts have font-weight of 400 you don't have any control over font-weight.
Font Awesome - getting started
edited Mar 28 at 10:49
Daut
1,4751 gold badge12 silver badges26 bronze badges
answered Mar 28 at 10:19
Taj KhanTaj Khan
3804 silver badges16 bronze badges
font awesome 5 does not allow it
– Taj Khan
Mar 28 at 10:32
even if you change it wont have any effect
– Taj Khan
Mar 28 at 10:32
It doesn't work
– OrAssayag
Mar 28 at 12:42
thats what i am saying it's not allowed and it wont work.. you have look for another font icons which provides that version
– Taj Khan
Mar 28 at 12:51
add a comment
|
The website states that solid fonts have font-weight of 900 and brands fonts have font-weight of 400 you don't have any control over font-weight.
Font Awesome - getting started
edited Mar 28 at 10:49
Daut
1,4751 gold badge12 silver badges26 bronze badges
answered Mar 28 at 10:19
Taj KhanTaj Khan
3804 silver badges16 bronze badges
The website states that solid fonts have font-weight of 900 and brands fonts have font-weight of 400 you don't have any control over font-weight.
Font Awesome - getting started
edited Mar 28 at 10:49
Daut
1,4751 gold badge12 silver badges26 bronze badges
answered Mar 28 at 10:19
Taj KhanTaj Khan
3804 silver badges16 bronze badges
edited Mar 28 at 10:49
Daut
1,4751 gold badge12 silver badges26 bronze badges
edited Mar 28 at 10:49
Daut
1,4751 gold badge12 silver badges26 bronze badges
edited Mar 28 at 10:49
Daut
1,4751 gold badge12 silver badges26 bronze badges
1,4751 gold badge12 silver badges26 bronze badges
answered Mar 28 at 10:19
Taj KhanTaj Khan
3804 silver badges16 bronze badges
answered Mar 28 at 10:19
Taj KhanTaj Khan
3804 silver badges16 bronze badges
answered Mar 28 at 10:19
Taj KhanTaj Khan
3804 silver badges16 bronze badges
3804 silver badges16 bronze badges
font awesome 5 does not allow it
– Taj Khan
Mar 28 at 10:32
even if you change it wont have any effect
– Taj Khan
Mar 28 at 10:32
It doesn't work
– OrAssayag
Mar 28 at 12:42
thats what i am saying it's not allowed and it wont work.. you have look for another font icons which provides that version
– Taj Khan
Mar 28 at 12:51
add a comment
|
font awesome 5 does not allow it
– Taj Khan
Mar 28 at 10:32
even if you change it wont have any effect
– Taj Khan
Mar 28 at 10:32
It doesn't work
– OrAssayag
Mar 28 at 12:42
thats what i am saying it's not allowed and it wont work.. you have look for another font icons which provides that version
– Taj Khan
Mar 28 at 12:51
font awesome 5 does not allow it
– Taj Khan
Mar 28 at 10:32
font awesome 5 does not allow it
– Taj Khan
Mar 28 at 10:32
even if you change it wont have any effect
– Taj Khan
Mar 28 at 10:32
even if you change it wont have any effect
– Taj Khan
Mar 28 at 10:32
It doesn't work
– OrAssayag
Mar 28 at 12:42
It doesn't work
– OrAssayag
Mar 28 at 12:42
thats what i am saying it's not allowed and it wont work.. you have look for another font icons which provides that version
– Taj Khan
Mar 28 at 12:51
thats what i am saying it's not allowed and it wont work.. you have look for another font icons which provides that version
– Taj Khan
Mar 28 at 12:51
add a comment
|
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55394868%2fhow-to-control-font-weight-with-font-awesome%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
There is only one weight for the font-awesome fonts so you cannot alter them. The only way would be to use the SVG + JS version or the SVG sprites. See fontawesome.com/how-to-use
– Jake
Mar 28 at 10:13
Possible duplicate of Change font-weight of FontAwesome icons?
– Sebastian Brosch
Mar 28 at 11:24