Skip to content
This repository has been archived by the owner on Sep 6, 2021. It is now read-only.

Brackets Live Preview Issues #13967

Open
ZWHEELER93 opened this issue Dec 9, 2017 · 2 comments
Open

Brackets Live Preview Issues #13967

ZWHEELER93 opened this issue Dec 9, 2017 · 2 comments

Comments

@ZWHEELER93
Copy link

Hi, I'm a Windows PC User and I am pretty new to creating websites in the text editor, Brackets.

My Live Preview option works, but none of my fonts or colors or images will work in live preview or come up at all. Can someone tell me what the problem is?

This is with any website I'm coding. I

Here is the current code I'm working with:

`

    <link rel="stylesheet" type="text/css" href="Resources/CSS/style.css">
    <link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
    <title>Omnifood</title>

</head>
<body>
    <header>
        <div class="hero-text-box">
            <h1>Goodbye junk food. Hello super healthy meals.</h1>
            <a href="#">I'm hungry</a>
            <a href="#">Show me more</a>
        
        </div>
    
    
    </header>
</body>

`
And for the CSS:

`{
margin: 0;
padding: 0;
box-string: border-box;
}

html{
background-color: #fff;
color: #555;
font-family: 'Lato', 'Arial', sans-serif;
font-weight: 300;
font-size: 20px;
text-rendering: optimizeLegibility;
}
.row{
max-width: 1140px;
margin: 0 auto;
}

header{
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0,0,0,0.7)), url(img/hero.jpg);
background-size: cover;
background-position: center;
height: 100vh;

}
.hero-text-box {
position: absolute;
width: 1140px;
top: 50%;
left:50%;
transform: translate(-50%, -50%);
}

h1{
margin: 0;
}
`
@kiroma
Copy link

kiroma commented Dec 9, 2017

Works for me on Kubuntu 17.10, Brackets 1.11. Does it only happen in Live Preview? Does it work if you just open the html file in a browser regularly?

@glenndevenish
Copy link
Contributor

Could you check it's actually requesting the fonts? Look at the dev tools (ctrl+shift+i) and confirm it's getting the fonts in the network panel.

@core-ai-bot core-ai-bot mentioned this issue Aug 31, 2021
Open
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@kiroma @ZWHEELER93 @glenndevenish