Yahoo Web Search

Search results

1. Top results related to how to bold text in css

   • How to Turn All Bold Text in post content into h2 or h3 tag using css?

     Top Answer

     Answered Aug 24, 2020 · 0 votes

     Unfortunately, you cannot do this in CSS. Tags are assigned in HTML---In CSS you can only edit the format of these tags.

     One simple solution is to create a class or a few classes which all contain the format for boldness, the color you want, etc. and assign all the H2 and H3 tags in HTML to the respective classes you created.

     Check all answers on Stack Overflow

     1/5

   • How to animate text with css font-weight property in jQuery ? normal to bold

     Top Answer

     Answered Apr 21, 2021 · 17 votes

     EDIT, April 2021: This is now possible to achieve either with transition: font-weight or more seamlessly with variable fonts.

     Sadly I think this is impossible.

     Each character in a font has a specific shape. In addition, similar characters in different weights weights are also distinct—a bold character does not simply have a mathematically-defined offset from its regular counterpart.

     It would be very easy to jump from regular to bold or italic with jQuery.css(), but there it is currently impossible to jQuery.animate() the transition of font-weight in the browser. It is hard to do in animation as well because there are no “frames” between the different weights, as they are all drawn separately.

     However,

     If you choose a font that has a consistant spacing of letters for the different weights—such as Exo—and do a stepped animation from thin to black you might come close to the desired result.

     Starting from your jsFiddle that is what I could come up with:

     Here is working jsFiddle.

     And the rather dumb Javascript behind it:

     Text.click(function() { Text.css({'font-weight':200}); setTimeout(function(){ Text.css({'font-weight':300})}, 30) setTimeout(function(){ Text.css({'font-weight':400})}, 60) setTimeout(function(){ Text.css({'font-weight':500})}, 90) setTimeout(function(){ Text.css({'font-weight':600})},120) setTimeout(function(){ Text.css({'font-weight':700})},150) setTimeout(function(){ Text.css({'font-weight':800})},180) setTimeout(function(){ Text.css({'font-weight':900})},210)-});-

     Check all answers on Stack Overflow

     2/5

   • How to bold the text using CSS ?

     We know that in HTML, we have <b> and <strong> tags to make the content bold. When it comes to making a piece of text bold using CSS, then also we have an appropriate property to do the same.

     We will use the font-weight property of CSS to make the content bold. We have a variety of options to set the thickness level of our text.

     • normal : It is the normal font-weight.  It is the same as 400, the default numeric-value for boldness.
     • bold : It is the bold font-weight. It is the same as 700.
     • bolder : It sets the font-weight bolder than the parent element.
     • lighter : It sets the font-weight lighter than the parent element

     Check all answers on Geeksforgeeks

     3/5

   • How to make text bold in PHP?

     Top Answer

     Answered Mar 21, 2024 · 3 votes

     How to make text bold in PHP?

     You don't. The front-end styling is handled by CSS/HTML.

     This is a syntax error in PHP:

     echo <b> $result[0]["type1"]; </b>-

     Just as with the rest of your HTML, the HTML code goes outside of the <?php ?> tags:

     <td><b><?php echo $result[0]["type1"]; ?></b></td>-

     Alternatively, you could include the HTML in the PHP if you really want to, it would just be a string value like any other string:

     <td><?php echo "<b>" . $result[0]["type1"] . "</b>"; ?></td>-

     Alternatively, you could skip the <b> entirely and just use CSS:

     <td style="font-weight: bold;"><?php echo $result[0]["type1"]; ?></td>-

     Check all answers on Stack Overflow

     4/5

   • How to make only bold text in button when mouse hover?

     Top Answer

     Answered Feb 16, 2018 · 4 votes

     <button class="btn">Click</button>-

     To select an element by class use "." followed by "class name"

     For class Selector:

     .btn:hover { font-weight: bolder;}

     and if you want to add any css to an element/control then, use just the element

     For element Selector:

     button:hover { font-weight: bolder;}

     Check all answers on Stack Overflow

     5/5

   Show moreShow less

2. www.w3schools.com › cssref › pr_font_weightCSS font-weight property - W3Schools

   www.w3schools.com › cssref › pr_font_weight

   • Cached

   Learn how to set different font weight for text using the font-weight property in CSS. See examples, syntax, values, browser support and related pages.

   • Demo ❯

     Demo of the different values of the font-weight property....

   • Font-Family

     W3Schools offers free online tutorials, references and...

   • CSS Initial Keyword

     W3Schools offers free online tutorials, references and...

3. developer.mozilla.org › en-US › docsfont-weight - CSS: Cascading Style Sheets | MDN - MDN Web Docs

   developer.mozilla.org › en-US › docs

   • Cached

   • Overview
   • Syntax
   • Accessibility concerns
   • Browser compatibility
   • GeneratedCaptionsTabForHeroSec

   The font-weight CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set.

   See full list on developer.mozilla.org

   Values

   normal Normal font weight. Same as 400. bold Bold font weight. Same as 700. A value between 1 and 1000, both values included. Higher numbers represent weights that are bolder than (or as bold as) lower numbers. This allows fine-grain control for variable fonts. For non-variable fonts, if the exact specified weight is unavailable, a fallback weight algorithm is used — numeric values that are divisible by 100 correspond to common weight names, as described in the Common weight name mapping section below. lighter One relative font weight lighter than the parent element. Note that only four font weights are considered for relative weight calculation; see the Meaning of relative weights section below. bolder One relative font weight heavier than the parent element. Note that only four font weights are considered for relative weight calculation; see the Meaning of relative weights section below.

   Fallback weights

   If the exact weight given is unavailable, then the following rule is used to determine the weight actually rendered: •If the target weight given is between 400 and 500 inclusive: •Look for available weights between the target and 500, in ascending order. •If no match is found, look for available weights less than the target, in descending order. •If no match is found, look for available weights greater than 500, in ascending order. •If a weight less than 400 is given, look for available weights less than the target, in descending order. If no match is found, look for available weights greater than the target, in ascending order. •If a weight greater than 500 is given, look for available weights greater than the target, in ascending order. If no match is found, look for available weights less than the target, in descending order.

   Meaning of relative weights

   When lighter or bolder is specified, the below chart shows how the absolute font weight of the element is determined. Note that when using relative weights, only four font weights are considered — thin (100), normal (400), bold (700), and heavy (900). If a font family has more weights available, they are ignored for the purposes of relative weight calculation.

   See full list on developer.mozilla.org

   People experiencing low vision conditions may have difficulty reading text set with a font-weight value of 100 (Thin/Hairline) or 200 (Extra Light), especially if the font has a low contrast color ratio.

   •MDN Understanding WCAG, Guideline 1.4 explanations

   See full list on developer.mozilla.org

   BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

   See full list on developer.mozilla.org

   Learn how to use the font-weight CSS property to set the weight (or boldness) of the font. See the syntax, values, examples, and browser compatibility of this property.

   See full list on developer.mozilla.org

4. www.freecodecamp.org › news › css-bold-how-to-boldCSS Bold – How to Bold Text in HTML with Font Weight

   www.freecodecamp.org › news › css-bold-how-to-bold

   • Cached

   Mar 2, 2023 · Learn how to use the font-weight property to create bold text in HTML using inline, internal or external CSS styling. Follow best practices for choosing the right font-weight, balancing bold text with other formatting options, and testing for accessibility.

5. stackoverflow.com › questions › 1082353css - How do I make text bold in HTML? - Stack Overflow

   stackoverflow.com › questions › 1082353

   Dec 6, 2016 · Want to distinguish a defined keyword from the surrounding text defining or explaining it? Use a "dfn" element and suggest a bold style for it within your CSS ("dfn {font-weight: bold;}"). Want to distinguish some computer code from surrounding text? Use a "code" element and suggest a bold style for it within your CSS ("code {font-weight: bold;}").

6. css-tricks.com › almanac › propertiesFont-weight | CSS-Tricks

   css-tricks.com › almanac › properties

   • Cached

   Jun 17, 2013 · The font-weight property sets the weight, or thickness, of a font and is dependent either on available font faces within a font family or weights defined by the browser. span { font-weight: bold; } The font-weight property accepts either a keyword value or predefined numeric value. The available keywords are: normal. bold.

7. People also ask

   How do I make text bold in HTML?

   • You can use the strong element in html, which is great semantically (also good for screen readers etc.), which typically renders as bold text: See here, some emphasized text. Or you can use the font-weight css property to style any element's text as bold:

   How to make my font bold using css? - Stack Overflow

   stackoverflow.com/questions/991160/how-to-make-my-font-bold-using-css

   See all results for this question

   How to make fonts bold in CSS?

   • After all, you must apply your CSS code to something. When making fonts bold, there are two specialist elements available – and . They have slightly different uses: is used to indicate visual style. You use to draw the readers attention to something that doesn’t have any greater importance to the other text around it.

   Make font bold in CSS: best ways - Alvaro Trigo's Blog

   alvarotrigo.com/blog/make-font-bold-in-css-best-ways/

   See all results for this question

   Why should you use bold text in HTML?

   • In conclusion, using bold text in HTML can effectively emphasize important information and create visual hierarchy. By choosing the right font-weight, balancing bold text with other formatting options, avoiding overuse, and testing for accessibility, you can ensure that the bold text remains readable and accessible to all users.

   CSS Bold – How to Bold Text in HTML with Font Weight

   www.freecodecamp.org/news/css-bold-how-to-bold-text-in-html-with-font-weight/

   See all results for this question

   How do I use a bold> tag in HTML?

   • also, you can try with css text HTML doesn't have a tag, instead you would have to use . Note however, that using is discouraged in favor of CSS for a while now. You would be better off using CSS to achieve that. The tag is a semantic element for strong emphasis which defaults to bold.

   How do I make text bold in HTML? - Stack Overflow

   stackoverflow.com/questions/1082353/how-do-i-make-text-bold-in-html

   See all results for this question

8. alvarotrigo.com › blog › make-font-bold-in-css-best-waysMake font bold in CSS: best ways - Alvaro Trigo's Blog

   alvarotrigo.com › blog › make-font-bold-in-css-best-ways

   • Cached

   Feb 8, 2024 · Learn how to use HTML tags, CSS properties, and font weights to make your fonts bold in web development. Find out the difference between b and strong, and how to adjust font-weight with numbers or relative values.

9. www.cssportal.com › blog › bold-text-in-css-and-htmlBold Text in CSS and HTML - CSSPortal

   www.cssportal.com › blog › bold-text-in-css-and-html

   • Cached

   Aug 16, 2023 · The most straightforward method to make text bold is by adjusting the ‘font-weight’ property. The ‘font-weight’ property accepts values ranging from ‘100’ (thin) to ‘900’ (heavy/bold). The commonly used values for bold text are ‘bold’ and ‘700’.