Yahoo Web Search

Search results

1. • Font-family property

     • To use the font for an HTML element, refer to the name of the font (myFirstFont) through the font-family property: Example @font-face { font-family: myFirstFont; src: url (sansation_light.woff); } div { font-family: myFirstFont;
     www.w3schools.com › css › css3_fonts

     CSS Web Fonts - W3Schools

2. Top results related to how do you write a font reference in html css document

   • How do you change the font size in HTML/css without the div size changing?

     Top Answer

     Answered Jul 02, 2013 · 1 votes

     You could set your div size in px or set a min-width or min-height attribute.

     Check all answers on Stack Overflow

     1/5

   • How do you hide a form until a button is clicked in HTML or CSS?

     Top Answer

     Answered May 01, 2018 · 0 votes

     First and foremost, close the button tag <button class="log">Log in</button>. Then, hide the form by using css, like .loginform { display: none; }

     Finally, to show the form when the user clicks the button, you can use jQuery.

     $('.log').click(function() { $('.loginform').css('display', 'block');});

     To further understand CSS and Javascript and how they work together, I strongly advise you to read some tutorials and check some examples in W3Schools

     https://www.w3schools.com/jquery/default.asp

     https://www.w3schools.com/css/default.asp

     Check all answers on Stack Overflow

     2/5

   • How do you get information from a form and put it in a table with HTML, CSS, and Javascript?

     Top Answer

     Answered Nov 27, 2021 · 1 votes

     Well, actually you don't need a server. You can save the data in localStorage. Check out this commented example:

     const result = document.getElementById("result");const saved = JSON.parse(localStorage.getItem("save")); // get saved itemsif (saved) { const t = `<table> <tr> <th>Name</th> <th>Age</th> <th>Hobby</th> </tr> <tr> <td>${saved.name}</td> <td>${saved.age}</td> <td>${saved.hobby}</td> </tr> </table>`; result.innerHTML = t; // show the result}const form = document.getElementById("my-form"); // get the form elementform.addEventListener("submit", e => { // detect once the submit button is clicked e.preventDefault(); // Don't allow the form to redirect to another page const { elements } = form; // Get input elements so we can retrieve their values const output = { name: elements.name.value, // get name age: +elements.age.value, // get age; the "+" in front converts it to a number hobby: elements.hobby.value // get hobby }; localStorage.setItem("save", JSON.stringify(output)); // save output to localStorage // Create a template const template = `<table> <tr> <th>Name</th> <th>Age</th> <th>Hobby</th> </tr> <tr> <td>${output.name}</td> <td>${output.age}</td> <td>${output.hobby}</td> </tr> </table>`; result.innerHTML = template; // show the result});

     <form id="my-form"> <!-- some dummy inputs --> <label for="name">Name:</label> <input type="text" id="name" name="name" placeholder="Enter your name..."> <br> <label for="age">Age:</label> <input type="number" id="age" name="age" placeholder="Enter your age..."> <br> <label for="hobby">Hobby:</label> <input type="text" id="hobby" name="hobby" placeholder="Enter your hobby..."> <br> <input type="submit" /></form><div id="result"></div>

     Note: localStorage won't work in the above example because the embed doesn't allow it.

     Check all answers on Stack Overflow

     3/5

   • How do you pin elements to the bottom of a container in HTML and CSS?

     Top Answer

     Answered Aug 08, 2018 · 2 votes

     You can try position:fixed. Also you should tidy up your html elements (wrap things in div, etc.)

     Example:

     .nav { height: 60px; background-color: grey;}.content{ height: 500px; background-color: lightgreen;} .footer{ height: 60px; width: 100%; background-color: black; position: fixed; bottom: 0px;}

     <div class = "container"> <div class = "nav"> </div> <div class="content"> </div> <div class = "footer"> </div></div>

     Hope it helps

     Check all answers on Stack Overflow

     4/5

   • How do you make the colour of a h1 tag to change if the user hovers over the body in css and html?

     Top Answer

     Answered Sep 18, 2018 · 3 votes

     In CSS you cannot embed descendant rules, that requires LESS or another CSS preprocessor.

     Instead, use the descendant combinator, which is just a space():

     html { transition: background; transition-duration: 1s; transition-timing-function: linear;}html:hover { background: #ffb7b7;}html:hover h1 { color: blue;}

     Check all answers on Stack Overflow

     5/5

   Show moreShow less

3. People also ask

   How do I specify a font name in CSS?

   • In CSS, we use the font-family property to specify the font of a text. Note: If the font name is more than one word, it must be in quotation marks, like: "Times New Roman". Tip: The font-family property should hold several font names as a "fallback" system, to ensure maximum compatibility between browsers/operating systems.

   CSS Fonts - W3Schools

   www.w3schools.com/Css/css_font.asp

   See all results for this question

   How do I use a font in HTML?

   • To use the font for an HTML element, refer to the name of the font (myFirstFont) through the font-family property: You must add another @font-face rule containing descriptors for bold text: The file "sansation_bold.woff" is another font file, that contains the bold characters for the Sansation font.

   CSS Web Fonts - W3Schools

   www.w3schools.com/css/css3_fonts.asp

   See all results for this question

   How do I add a font to a URL?

   • url('fonts/mycotext_rg.woff') format('woff'), url('fonts/mycotext_rg.ttf') format('truetype'), font-weight:"normal" Just put the font-family value. In this case, " MyRegular ". Example: The HTML: The CSS: If you don't want to use a shorthand property like font, just use font-family: You can add more than one font, separating them with coma.

   css - How to refer custom font in html? - Stack Overflow

   stackoverflow.com/questions/17268894/how-to-refer-custom-font-in-html

   See all results for this question

   What is CSS color & font size?

   • The CSS color property defines the text color to be used. The CSS font-family property defines the font to be used. The CSS font-size property defines the text size to be used. Use of CSS color, font-family and font-size properties: The CSS border property defines a border around an HTML element.

   HTML Styles CSS - W3Schools

   www.w3schools.com/html/html_css.asp

   See all results for this question

4. www.w3schools.com › Css › css_fontCSS Fonts - W3Schools

   www.w3schools.com › Css › css_font

   • Cached

   In CSS, we use the font-family property to specify the font of a text. Note : If the font name is more than one word, it must be in quotation marks, like: "Times New Roman". Tip: The font-family property should hold several font names as a "fallback" system, to ensure maximum compatibility between browsers/operating systems.

5. www.w3schools.com › css › css3_fontsCSS Web Fonts - W3Schools

   www.w3schools.com › css › css3_fonts

   • Cached

   To use the font for an HTML element, refer to the name of the font (myFirstFont) through the font-family property: Example. @font-face { font-family: myFirstFont; src: url (sansation_light.woff); }

6. Videos

   • 

     3:21

     youtube.com

     Learn CSS fonts in 3 minutes 🆒

     Sep 2, 2021

     37.6K Views

   • 

     7:59

     youtube.com

     HTML5 and CSS3 beginners tutorial 13 - font properties

     Mar 12, 2014

     117.9K Views

   • 

     17:27

     youtube.com

     CSS Tutorial: Text & Font Properties in CSS | Fonts in CSS | CSS Text Styling Tutorial

     May 23, 2022

     481 Views

   View all

7. stackoverflow.com › questions › 17268894css - How to refer custom font in html? - Stack Overflow

   stackoverflow.com › questions › 17268894

   • Cached

   Jun 24, 2013 · The HTML: <span class="special-font">Text</span> The CSS:.special-font { font: 1em "MyRegular", sans-serif; } If you don't want to use a shorthand property like font, just use font-family:.special-font { font-family: "MyRegular", sans-serif; } You can add more than one font, separating them with coma. Here's a DEMO with Droid Sans font.

   • Both the answers below are fine, and show you how to reference your font (by using the name declared by the font-family property declared in your...
   • try this When u apply @font face write down example, body{ font-family:'MyRegular'; } Add this in your CSS & also eot , svg , woff , ttf font...
   • Just put the font-family value. In this case, " MyRegular ". Example: The HTML: Text The CSS: .special-font { fo...

8. developer.mozilla.org › CSS › Styling_textWeb fonts - Learn web development | MDN - MDN Web Docs

   developer.mozilla.org › CSS › Styling_text

   • Cached

   Jan 24, 2024 · You then need to copy the CSS declarations listed into your CSS as appropriate, to apply the custom fonts to your HTML. Note: You can find a completed version at google-font.html and google-font.css , if you need to check your work against ours ( see it live ).

9. blog.logrocket.com › how-to-use-web-fonts-cssHow to use web fonts in CSS - LogRocket Blog

   blog.logrocket.com › how-to-use-web-fonts-css

   • Cached

   Oct 6, 2022 · Web fonts enable you to set the font for your text in CSS, using fonts that are available on the web, and are downloaded along with your website as it is accessed. Basic support for web fonts was introduced in Internet Explorer 4.0, released in 1997.

10. developer.mozilla.org › en-US › docsFundamental text and font styling - Learn web development | MDN

    developer.mozilla.org › en-US › docs

    • Cached

    Mar 27, 2024 · Color. The color property sets the color of the foreground content of the selected elements, which is usually the text, but can also include a couple of other things, such as an underline or overline placed on text using the text-decoration property. color can accept any CSS color unit, for example: css. play. p { color: red; }