Skip to content

Commit

Permalink
Merge pull request #75 from ValchanOficial/feat/font-family
Browse files Browse the repository at this point in the history 
feat: added font-family Atkinson Hyperlegible
  • Loading branch information
@ValchanOficial
ValchanOficial authored Sep 24, 2024
2 parents 5f6f4f0 + a7beaf0 commit 1dba0a0
Show file tree
Hide file tree
Showing 9 changed files with 44 additions and 44 deletions.
2 changes: 1 addition & 1 deletion gatsby-config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ module.exports = {
{
resolve: `gatsby-plugin-google-fonts-with-attributes`,
options: {
fonts: [`Dosis`, `Satisfy`, `Montserrat\:100,300,400,400i,700`],
fonts: [`Atkinson Hyperlegible\:400,400i,700,700i`, `Satisfy`],
display: "swap",
attributes: {
rel: "stylesheet preload prefetch",
Expand Down
2 changes: 1 addition & 1 deletion src/components/Form/style.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ export const Input = styled.input`

export const Button = styled.button`
cursor: pointer;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-family: "Atkinson Hyperlegible", sans-serif;
border-radius: 4px;
border-color: var(--border);
background-color: var(--background);
Expand Down
6 changes: 3 additions & 3 deletions src/components/Pagination/style.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,8 @@ export const PaginationWrapper = styled.section`
a {
color: var(--text);
font-weight: bold;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-weight: 700;
font-family: "Atkinson Hyperlegible", sans-serif;
text-decoration: none;
transition: color 0.5s;
white-space: nowrap;
Expand Down Expand Up @@ -52,4 +52,4 @@ export const PaginationWrapper = styled.section`
}
}
`}
`
`
44 changes: 22 additions & 22 deletions src/components/Post/style.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export const PostHeader = styled.header`

export const PostTitle = styled.h1`
font-size: 2.5rem;
font-weight: bold;
font-weight: 700;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
Expand All @@ -45,7 +45,7 @@ export const PostTitle = styled.h1`

export const PostDescription = styled.h2`
font-size: 1.5rem;
font-weight: 300;
font-weight: 400;
margin-bottom: 2rem;
padding-left: 0.1em;
Expand All @@ -60,7 +60,7 @@ export const PostDescription = styled.h2`

export const PostDate = styled.p`
font-size: 1.1rem;
font-weight: 300;
font-weight: 400;
padding-left: 0.1rem;
${media.lessThan("large")`
Expand Down Expand Up @@ -88,10 +88,10 @@ export const MainContent = styled.section`
s,
var,
iframe {
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-family: "Atkinson Hyperlegible", sans-serif;
color: var(--text);
font-size: 1.15rem;
font-weight: 300;
font-weight: 400;
line-height: 1.7;
letter-spacing: 0.069rem;
Expand Down Expand Up @@ -157,7 +157,7 @@ export const MainContent = styled.section`
margin: auto;
flex-direction: column;
color: var(--color);
font-family: Dosis, Arial, Helvetica, sans-serif;
font-family: "Atkinson Hyperlegible", sans-serif;
font-size: 1.5rem;
font-style: italic;
width: 70%;
Expand Down Expand Up @@ -204,7 +204,7 @@ export const MainContent = styled.section`
h4,
h5,
h6 {
font-family: Dosis, Arial, Helvetica, sans-serif;
font-family: "Atkinson Hyperlegible", sans-serif;
color: var(--secTitle);
margin: 2.4rem auto 1rem;
font-weight: 800;
Expand Down Expand Up @@ -273,7 +273,7 @@ export const MainContent = styled.section`
}
a {
font-weight: 300;
font-weight: 400;
color: var(--link);
text-decoration: none;
transition: font-weight 0.3s;
Expand All @@ -295,8 +295,8 @@ export const MainContent = styled.section`
dl {
font-size: 1.25rem;
font-weight: 300;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-weight: 400;
font-family: "Atkinson Hyperlegible", sans-serif;
color: var(--text);
${media.lessThan("large")`
Expand All @@ -308,8 +308,8 @@ export const MainContent = styled.section`
input,
select {
font-size: 1.2rem;
font-weight: 300;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-weight: 400;
font-family: "Atkinson Hyperlegible", sans-serif;
color: var(--text);
${media.lessThan("large")`
Expand All @@ -325,9 +325,9 @@ export const MainContent = styled.section`
select {
cursor: pointer;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-family: "Atkinson Hyperlegible", sans-serif;
font-size: 1.25rem;
font-weight: bold;
font-weight: 700;
color: var(--text);
background: var(--color);
padding: 0.2rem;
Expand All @@ -344,7 +344,7 @@ export const MainContent = styled.section`
}
table {
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-family: "Atkinson Hyperlegible", sans-serif;
font-size: 1.1rem;
border-collapse: collapse;
border-spacing: 0;
Expand All @@ -371,7 +371,7 @@ export const MainContent = styled.section`
td {
color: var(--text);
border: 0.1rem solid var(--color);
font-weight: 300;
font-weight: 400;
text-align: left;
padding: 8px;
Expand All @@ -386,15 +386,15 @@ export const MainContent = styled.section`
mark {
color: var(--markText);
background: var(--mark);
font-weight: bold;
font-weight: 700;
}
textarea::before {
border-radius: 8px;
}
textarea {
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-family: "Atkinson Hyperlegible", sans-serif;
color: var(--text);
font-size: 1rem;
display: flex;
Expand Down Expand Up @@ -441,15 +441,15 @@ export const MainContent = styled.section`
align-items: center;
font-size: 1.2rem;
font-weight: 300;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-weight: 400;
font-family: "Atkinson Hyperlegible", sans-serif;
color: var(--text);
}
aside {
font-size: 1rem;
font-weight: 300;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-weight: 400;
font-family: "Atkinson Hyperlegible", sans-serif;
color: var(--color);
}
Expand Down
8 changes: 4 additions & 4 deletions src/components/PostItem/style.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ export const PostItemTag = styled.span`
color: var(--colorTagTwo);
font-size: 1.5rem;
margin-bottom: 1rem;
font-family: Dosis, Arial, Helvetica, sans-serif;
font-family: "Atkinson Hyperlegible", sans-serif;
body#grid & {
margin-bottom: 1.5rem;
Expand Down Expand Up @@ -79,8 +79,8 @@ export const PostItemBreak = styled.span``

export const PostItemDate = styled.time`
font-size: 0.8rem;
font-weight: 300;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-weight: 400;
font-family: "Atkinson Hyperlegible", sans-serif;
margin-top: 1rem;
text-transform: uppercase;
Expand Down Expand Up @@ -111,7 +111,7 @@ export const PostItemTitle = styled.h1`

export const PostItemDescription = styled.p`
font-size: 1.2rem;
font-weight: 300;
font-weight: 400;
line-height: 1.2;
${media.lessThan("large")`
Expand Down
6 changes: 3 additions & 3 deletions src/components/Profile/style.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ export const ProfilePosition = styled.small`

export const ProfileDescription = styled.p`
font-size: 1.2rem;
font-weight: 300;
font-weight: 400;
${media.lessThan("large")`
display: none;
Expand All @@ -55,9 +55,9 @@ export const ProfileSubtitle = styled.h2`
font-size: 1.2rem;
margin-top: 2em;
margin-bottom: 0.6em;
font-weight: bold;
font-weight: 700;
${media.lessThan("large")`
display: none;
`}
`
`
6 changes: 3 additions & 3 deletions src/components/RecommendedPosts/style.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,8 +18,8 @@ export const RecommendedWrapper = styled.section`
`

export const RecommendedLink = styled(Link)`
font-weight: bold;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-weight: 700;
font-family: "Atkinson Hyperlegible", sans-serif;
align-items: center;
color: var(--color);
display: flex;
Expand Down Expand Up @@ -68,4 +68,4 @@ export const RecommendedLink = styled(Link)`
margin: unset;
}
`}
`
`
12 changes: 6 additions & 6 deletions src/styles/global.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,21 +74,21 @@ const GlobalStyles = createGlobalStyle`
p {
font-style: normal;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-family: "Atkinson Hyperlegible", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: Dosis, Arial, Helvetica, sans-serif;
font-family: "Atkinson Hyperlegible", sans-serif;
}
small {
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-family: "Atkinson Hyperlegible", sans-serif;
}
address {
font-size: 1rem;
font-weight: 300;
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-weight: 400;
font-family: "Atkinson Hyperlegible", sans-serif;
color: #BE95C4;
}
Expand Down Expand Up @@ -121,7 +121,7 @@ const GlobalStyles = createGlobalStyle`
align-items: center;
font-size: 2.5rem;
text-align: center;
font-weight: bold;
font-weight: 700;
color: var(--color);
}
Expand Down
2 changes: 1 addition & 1 deletion src/styles/normalize.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ abbr[title] {

b,
strong {
font-weight: bolder;
font-weight: 700;
}

/**
Expand Down

0 comments on commit 1dba0a0

Please sign in to comment.