I have this:
← Medical Device Solutions
However, the arrow is not displayed when using Lato as:
<link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i&subset=latin-ext" rel="stylesheet">
I also have, just in case:
<meta charset="utf-8">
The arrow character is displayed as a strange symbol. What could be the problem here? Thanks!
works for me maybe you have a typo? and next time share your code eh
html {
font-family: lato;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
</head>
<body>
<p>← Medical Device Solutions</p>
</body>
</html>
Related
(I have extensively searched for a solution but nothing that has happened to someone seems to be the problem)
I am a beginner working on a very simple project. I uploaded it to github but github pages won't show the CSS. It works just fine when I run it locally.
It's supposed to look like this:
snapshot of the project
This is the repo: https://github.com/padnama/odin-recipes/
This is the pages link: https://padnama.github.io/odin-recipes/
Your wrongly refered your CSS in HTML :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>receitas</title>
<link rel="stylesheet" href="./style.css" type="text/css">
<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=Indie+Flower&family=Source+Sans+Pro&display=swap" rel="stylesheet">
</head>
<body>
<div class="content">
<img src="recipes/images/main.png" alt="the best cook">
<div class="writings">
<h1 id="title">receitas</h1>
<ul id="recipes">
<li>risotto</li>
<li>strogonoff de cogumelos</li>
<li>macarrão com amendoim apimentado</li>
</ul>
</div>
</div>
</body>
</html>
That should work better
Add the link of CSS file to your HTML page, see the attached picture below:
so this is how I did it but for some reason, it won't make a difference in what I do but this stylesheet won't work.
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
ALKALINE ENERGY
</title>
<link rel="stylesheet" type="text/css" href="screen.css">
</head>
You need to include a link to the external stylesheet in order for that stylesheet to be applied to anything!
<link rel="stylesheet" href="url_to_your_stylesheet.css">
I have a site which support Arabic Languge and I need to move the text from right to left ,I have tried
dir="rtl"
but it doesn't work any help please? thanks in advance :)
use direction and unicode-bidi
div { direction:rtl; unicode-bidi:bidi-override; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<div>stack over flow</div>
</html>
or Refer this article
<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
<meta charset="utf-8">
</head>
<p><span dir="rtl">ARABIC</span><span>aaaddd</span></p>
</html>
In brackets now I can only code jQuery inside the lines of my html file.
But now I want to code jQuery in another file, but of course I stall want that it interact with the html, for example that I can still target the divs:
$(".navbar")
HTML File :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Test</title>
<meta name="description" content="Test">
<link rel="stylesheet" href="main.css">
<script src="https://code.jquery.com/jquery.js"></script>
<script type="text/javscript" src="Javascript.js"</script>
</head>
<body>
<div class="navbar">
<p>Hello</p>
</div>
</body>
JS File :
$(document).ready(function(){
$(".navbar").click(function(){
$(".navbar").hide();
});
});
Apparently the reason why I can't have the jQuery-code in another file is a glitch in Brackets.
I am trying to use the font awesome plugin. But I cannot see the characters. Here is my code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<h1>THIS IS IT</h1>
<span class="fa fa-twitter"></span>
</body>
</html
Is this just me or has anyone else had the same problem?
Try with http:
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
I solved it. Turns out all it needed was an http at the beginning. Thank you.