Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bundle css in wrong order #44977

Open
1 task done
bluelovers opened this issue Jan 17, 2023 · 0 comments
Open
1 task done

bundle css in wrong order #44977

bluelovers opened this issue Jan 17, 2023 · 0 comments
Labels
template: bug A user has filled out the bug report template. Issue needs triaging

Comments

@bluelovers
Copy link

Verify canary release

  • I verified that the issue exists in the latest Next.js canary release

Provide environment information

.

Which area(s) of Next.js are affected? (leave empty if unsure)

No response

Link to the code that reproduces this issue

.

To Reproduce

@import './font-notosans.scss';
@import './font-jetbrains-mono.scss';
@import './vars.scss';
//@import 'antd/dist/reset.css';

@import "primereact/resources/themes/lara-light-indigo/theme.css"; //theme
@import "primereact/resources/primereact.min.css"; //core css
@import "primeicons/primeicons.css"
; //icons
@import 'primeflex/primeflex.css';

@import './scrollbar.scss';

:root, body, html
{
	-webkit-font-feature-settings: "liga" on, "calt" on;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	/*font-family: $font_jetbrains, $font_nextjs;*/
}

_app.tsx

import '../assets/styles/style.scss'

Describe the Bug

image

this bug only happen on Production Deployment

Expected Behavior

this code is in top of css

@import"https://fonts.googleapis.com/earlyaccess/notosanstc.css";@import"https://fonts.googleapis.com/earlyaccess/notosanssc.css";@import"https://fonts.googleapis.com/earlyaccess/notosansjp.css";@import"https://fonts.googleapis.com/earlyaccess/notosanskr.css";@font-face {
	font-family: JetBrains Mono;
	src: url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/otf/JetBrainsMono-Regular.otf) format("opentype"),url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/webfonts/JetBrainsMono-Regular.woff2) format("woff2"),url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/ttf/JetBrainsMono-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: JetBrains Mono;
	font-style: italic;
	font-weight: 400;
	src: url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/otf/JetBrainsMono-Italic.otf) format("opentype"),url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/webfonts/JetBrainsMono-Italic.woff2) format("woff2"),url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/ttf/JetBrainsMono-Italic.ttf) format("truetype")
}

@font-face {
	font-family: JetBrains Mono;
	font-style: normal;
	font-weight: 700;
	src: url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/otf/JetBrainsMono-Bold.otf) format("opentype"),url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/webfonts/JetBrainsMono-Bold.woff2) format("woff2"),url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/ttf/JetBrainsMono-Bold.ttf) format("truetype")
}

@font-face {
	font-family: JetBrains Mono;
	font-style: italic;
	font-weight: 700;
	src: url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/otf/JetBrainsMono-BoldItalic.otf) format("opentype"),url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/webfonts/JetBrainsMono-BoldItalic.woff2) format("woff2"),url(https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/ttf/JetBrainsMono-BoldItalic.ttf) format("truetype")
}

Which browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

@bluelovers bluelovers added the template: bug A user has filled out the bug report template. Issue needs triaging label Jan 17, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
template: bug A user has filled out the bug report template. Issue needs triaging
Projects
None yet
Development

No branches or pull requests

1 participant