What if I wanted to import both Roboto:900 and Roboto:300 on the same web page? I tried using only Roboto then setting the font weight in the CSS, but it didn't work. Any ideas on how to achieve this? Thank you.
Side note: Roboto:900 is bold style, Roboto:300 is thin style.
Everything seems to be in order
<link href='https://fonts.googleapis.com/css?family=Roboto:300,900' rel='stylesheet' type='text/css'>
CSS Styles
.light{
font-weight:300;
}
.bold{
font-weight:900;
}
Here's a solution:
<link href='https://fonts.googleapis.com/css?family=Roboto:300,900' rel='stylesheet' type='text/css'>
By clicking 'use' in Google Fonts, you have the flexibility to select multiple font weights by checking the boxes. Importing too many weights may impact your site's speed, so it's recommended to stick to 2 font weights for optimal performance.
Visit the Roboto font page on Google Fonts.
Choose the specific font weight you desire and click on "Select [font-weight] +" to generate the necessary links for you.
For instance, follow this example:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
Trying to create a real-time flot and facing the challenge of not being able to see the grid through the filled data lines. If there are any ideas on making the filling transparent like in the example picture linked below, I would appreciate suggestions f ...
Is there a way to adjust my chat box so that messages appear at the bottom, like in any chat app? I am currently using Django and Bootstrap 4, here is the code I have: <div class="list-group flex-column-reverse " id="Chatt ...
Greetings, I am fairly new to the world of programming. My question revolves around the use of the .logo class in my HTML file. Despite attempting to assign specific dimensions to the gif in my CSS snippet, it doesn't seem to be working as intended. ...
Upon clicking the navbar to extend it, I encountered an issue where I couldn't interact with inputs and buttons on my website. Upon further investigation, I discovered that this problem was linked to the navbar itself. Removing the navbar resolved the ...
Having trouble aligning the login box to the center of the page. Any suggestions on how to achieve this? https://i.sstatic.net/3AFoL.png The following code attempts to achieve center alignment using Bootstrap 4.x base_nologin.html <!DOCTYPE html> ...
I am in the process of implementing a login feature in Angular that supports multiple providers. However, I have encountered an issue with submitting the form as the loginProvider value is not being sent to the server. Below is the structure of my form: &l ...
I am facing an issue with styling links on my webpage. I have a list of links to different websites, each followed by a brief description. To ensure the link text is slightly larger than the description, I created a CSS class called a.link with a font-size ...
My task involves handling checkboxes that are populated with data from a database. The goal is to have certain checkboxes pre-checked based on the retrieved data, and if any are not checked, their values should be entered into a textbox. For instance, con ...
In the code snippet provided below, there is a date picker feature. When the date picker is clicked to open, the Date label moves down and it is desired to reduce the size of the calendar. Any assistance or guidance on how to achieve this would be greatly ...
Exploring the visualization of waveform and FFT generated by the audio stream from the microphone through the WebAudio API. Curiosity strikes - what is the size of each data array available at a given moment? Delving into the getByteTimeDomainData, it men ...
How can I hide a form based on a specific session being set? Here is my approach: <form action="" method="post" <?php if ((isset($_SESSION['start']) )|| (isset($_SESSION['visitor']) )){ echo 'style="display:none;"'; } ? ...
I have a homepage that features a popup window. <textarea class="form-control item"></textarea> <button type="button" class="btn btn-primary" name="name">Send</button> Additionally, there is a secondary page at (/conclusion/main) ...
Is there a way to align three or four elements without relying on tables? I want them to follow this format: The reason I am asking is because my current method involves using tables, but they are not allowing me to set a specific height for the "test" bo ...
I need to position the span element with the ID email-status directly below the email input field, regardless of the viewport size, to alert users when the email is incorrect. MY HTML STRUCTURE: <!DOCTYPE html> <html lang="en"> <head> ...
My question may be a bit unclear, but I want to generate dynamic URLs that redirect users to specific pages based on the link clicked. For example: Parent page with links (a, b, c, x, y) User clicks on 'b' User is taken to a Node Page that play ...
I have successfully set up a model in my Django project where I can create and display posts. However, when I created a new Model, I encountered issues replicating the same process. I tried setting up html files, modifying urls.py, and views.py similar to ...
I recently created a form to submit a file to an express backend, but I'm encountering an issue where the data is not being received on the backend when the form is submitted. Upon using console.log, I noticed that req.body returns {}, and sampleFile ...
Is there a way to create a slideshow video gallery using CSS? I've looked everywhere but all I find are slideshow image galleries. If anyone has any resources or tips on how to do this, please share! This is the kind of video gallery I'm looking ...
Hey there, I'm still learning the ropes and haven't had much time to really dive into it yet. My end goal is to create a "check-in/check-out" system by updating a timestamp from NULL to the current time based on employee number and work area. He ...
I want to create a tooltip that changes its innerHTML and fades in when an input on my form is focused. Additionally, I need to check if the tooltip has been faded in as it initially loads faded out. In essence, I am looking to switch the tooltip content ...